<div>???

[moono]

Was ist eigentlich

<div>

?

MfG moono

 

[threadi]

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

 

[Carragos]

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

 

[_Thor_]

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>

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.

 

[Carragos]

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

 

[Elroy]

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]

Noch etwas zum div:
Jedes Div erzeugt eine neue Zeile, da es position: block; ist...

Das einzige Problem an deinem Beispiel ist das es align: center; nicht gibt.
Besser noch mal nachschauen bevor du Tips gibst.

Gruss
Elroy

Was gibt es dann??

 

[Elroy]

Lies selbst nach:

CSS4You

Gruss
Elroy

 

[Carragos]

Das einzige Problem an deinem Beispiel ist das es align: center; nicht gibt.
Besser noch mal nachschauen bevor du Tips gibst.

Gruss
Elroy

Oh ja sorry

text-align: center;

Das vergess ich immer :)

 

[vitus37]

@ bidu2004, es gibt kein position: block; du meinst display: block;

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 ^^

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.