Ich bin am umbauen!

HTML

hey wie gehts?

CSS

hey wie gehts?
hey wie gehts?

Kästen mit abgerundeten Ecken

KASTEN MIT RUNDEM RAND
SCDI, abbreviatio Syndromis Comparatis Defectu Immunitatis,[1] sive SIDA (Syndroma Immunodefectus Adquisiti),[2] sive AIDS (a voce Anglica),[3] est syndroma in qua ob lymphocytorum T depletionem manifestationum summa sunt inter quas normaliter non pathogenicorum microorganismorum infectiones et tumorum surrectiones, seu in generali populatione communium, seu immunocompromissarum personarum propriorum, seu eius qui talem syndromen ostendit peculiarum. Syndromes causa est Virus Immunitarii Defectus Humanae, VIDH (Anglice: HIV). Syndrome, hodierno rerum statu, est substantialiter incurabilis, sensu ne totaliter virus ex hospite eradicari possit, nihilominus hodiernae therapiae, valde melius usis in emersionis puncto in decadis 80 principio toleratae, viraemiam imminuere in minimas aut non graves libras consequuntur, lymphocyticam reinculturam et normalioris vitae prosecutionem permittentes.

<div style="OVERFLOW: auto;BORDER: #000000 1px solid;-moz-border-radius: 10px; -khtml-border-radius: 10px; HEIGHT: 180px;width: 230px;">TEXT</div>

 

mit -moz-border-radius: 10px; -khtml-border-radius: 10px; bestimmt ihr wie rund die Ecken eures Kasten sein sollen

- desto größer die px-Zahl desto 'runder' werden die Ecken

- beide müssen gleich groß sein! (z.B. 10px und 10px)

- das 'Element' kann in jeden normalen Kastencode eingesetzt werden^^ genauso wie man die Farbe zum Beispiel verändern kann

 

KASTEN MIT RUNDEM RAND
SCDI, abbreviatio Syndromis Comparatis Defectu Immunitatis,[1] sive SIDA (Syndroma Immunodefectus Adquisiti),[2] sive AIDS (a voce Anglica),[3] est syndroma in qua ob lymphocytorum T depletionem manifestationum summa sunt inter quas normaliter non pathogenicorum microorganismorum infectiones et tumorum surrectiones, seu in generali populatione communium, seu immunocompromissarum personarum propriorum, seu eius qui talem syndromen ostendit peculiarum. Syndromes causa est Virus Immunitarii Defectus Humanae, VIDH (Anglice: HIV). Syndrome, hodierno rerum statu, est substantialiter incurabilis, sensu ne totaliter virus ex hospite eradicari possit, nihilominus hodiernae therapiae, valde melius usis in emersionis puncto in decadis 80 principio toleratae, viraemiam imminuere in minimas aut non graves libras consequuntur, lymphocyticam reinculturam et normalioris vitae prosecutionem permittentes.

 

wie ihr seht könnt ihr die verschiedenen Elemente ganz normal verändern & hier ist die px-Zahl für die Ecken sehr hoch, deshalb sind auch die Ecken runder bzw größer

die Anleitung und Erklärung für Kästen und wie man alles macht & so steht ganz oben im Abteil 'Kästen'

hier der code für den obigen Kasten

<div style="BORDER: #000000 5px double;-moz-border-radius: 40px; -khtml-border-radius: 40px;background:url(http://sienc.jimdo.com/s/cc_images/cache_1308068614.jpg?t=1245008278);OVERFLOW: auto; HEIGHT: 180px;width: 230px;">TEXT</div>

 

ABER! man sieht hier ganz deutlich, dass der Text bei zu rundden Ecken (hoher px-Zahl) über diesen Ecken herausschaut, genauso wie die Scrollbar

das sieht natürlich nicht sehr schön aus, deshalb solltet ihr lieber einen Kasten ohne scrollbar nehmen:

KASTEN MIT RUNDEM RAND
SCDI, abbreviatio Syndromis Comparatis Defectu Immunitatis,[1] sive SIDA (Syndroma Immunodefectus Adquisiti),[2] sive AIDS (a voce Anglica),[3] est syndroma in qua ob lymphocytorum T depletionem manifestationum summa sunt inter quas normaliter non pathogenicorum microorganismorum infectiones et tumorum surrectiones, seu in generali populatione communium, seu immunocompromissarum personarum propriorum, seu eius qui talem syndromen ostendit peculiarum. Syndromes causa est Virus Immunitarii Defectus Humanae, VIDH (Anglice: HIV). Syndrome, hodierno rerum statu, est substantialiter incurabilis, sensu ne totaliter virus ex hospite eradicari possit, nihilominus hodiernae therapiae, valde melius usis in emersionis puncto in decadis 80 principio toleratae, viraemiam imminuere in minimas aut non graves libras consequuntur, lymphocyticam reinculturam et normalioris vitae prosecutionem permittentes.

<div style="BORDER: #000000 5px double;-moz-border-radius: 40px; -khtml-border-radius: 40px;background:url(http://sienc.jimdo.com/s/cc_images/cache_1308068614.jpg?t=1245008278);OVERFLOW: auto; ;width: 230px;padding-top:11px;padding-bottom:11px; padding-left:9px;padding-right:9px; TEXT-ALIGN: justify">TEXT</div>

 

wie ihr seht habe ich zwischen den Rahmen und dem Text einen Abstand gemacht, weil der Text dann nicht über die Ecken gehts und es einfach schöner aussieht

padding-top: Abstand vom oberen Rand in px

padding-bottom: Abstand vom unteren Rand inx px

padding-left: Abstand vom linken Rand in px

padding-right: Abstand vom rechten Rand in px