<div>???
- Ersteller moono
- Erstellt am
Kurz gesagt: damit gruppiert man einzelne semantisch zusammengehörende HTML-Elemente.
Siehe:
HTML div tag
SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Allgemeine Elemente für Textbereiche
Siehe:
HTML div tag
SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Allgemeine Elemente für Textbereiche
z.b.
<div class="text">
TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT
</div>
So jetzt kannst du im CSS teil
div.text {
font-size: 25px;
color: red;
font family: verdana, arial, sans-serif;
}
Also wenn du z.b. eine Schrift hast mit <p>
<p> bla bla </p>
<p> blu blu </p>
Und du willst blu blu rot
dann machst du
<p class="blu" >
blu blu
</p>
Jetzt ist nur
p.blu {
color : red
}
Also jetzt ist nur der teil rot !
Und wenn du iwas anderes rot willst
dann makierst du es mit div machst da ne ID oder Class hinter...
Und hast dann nicht alles, sondern nur die class/Id rot...
Stell dirs so vor..
du gehst in Word und umramst das / makierst das ...
Dann drückst du in der Leiste auf Schriftart rot... Und nur der teil ist Rot nichts anders ^^
Mfg
<div class="text">
TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT
</div>
So jetzt kannst du im CSS teil
div.text {
font-size: 25px;
color: red;
font family: verdana, arial, sans-serif;
}
Also wenn du z.b. eine Schrift hast mit <p>
<p> bla bla </p>
<p> blu blu </p>
Und du willst blu blu rot
dann machst du
<p class="blu" >
blu blu
</p>
Jetzt ist nur
p.blu {
color : red
}
Also jetzt ist nur der teil rot !
Und wenn du iwas anderes rot willst
dann makierst du es mit div machst da ne ID oder Class hinter...
Und hast dann nicht alles, sondern nur die class/Id rot...
Stell dirs so vor..
du gehst in Word und umramst das / makierst das ...
Dann drückst du in der Leiste auf Schriftart rot... Und nur der teil ist Rot nichts anders ^^
Mfg
_Thor_
Aktives Mitglied
Nein, genau dafür ist es nicht gedacht, denn Text gehört in ein <p>. Ein <div> gruppiert mehrere Elemente, Text ist kein Element sondern Inhalt und für Inhalt gibt es entsprechende Elemente.
Ja du kannst natürlich auch direckt den Class tag in <p> machen... Das wahr vielleicht nicht das beste beispiel...
Hör einfach auf Thor :) Ich habs versucht zu erklären und bin gescheiter ^^
Vielleicht ist mein Word Beispiel ganz gut :)
nur mal ein beispiel
<div align="center">
<h1>Alles zentriert</h1>
<ul>
<li>alles zentriert</li>
<li>alles?</li>
<li>alles!</li>
</ul>
</div>
Du solltest aber lieber
<div class="liste">
und dann im css teil
div.liste {
align: center;
}
Weil mit Html ist es unschön webseiten ein anderes Aussehen zu verpassen
Das einzige Problem an deinem Beispiel ist das es align: center; nicht gibt.
Besser noch mal nachschauen bevor du Tips gibst.
Gruss
Elroy
bidu2004
Neues Mitglied
Noch etwas zum div:
Jedes Div erzeugt eine neue Zeile, da es position: block; ist...
Jedes Div erzeugt eine neue Zeile, da es position: block; ist...
Was gibt es dann??
@ bidu2004, es gibt kein position: block; du meinst display: block;
Auf DIV ist dies nur übertragbar, wenn man es auf "Markierungen" im Ausmaß von ganzen Textabsätzen bezieht, da DIV einen Zeilenumbruch erzeugt. Für "Markierungen" innerhalb eines Absatzes müsste das Inline-Element SPAN herangezogen werden.Carragos schrieb:
