Leeres DIV erzeugen

[smallgrapher]

Aloah, ick ma widda.

Habe in der Suche und sonst im Netz leider nicht viel gefunden.

Wie kann ich ein leeres DIV als Abstandhalter erzeugen, was auch vom Explorer erkannt wird?

Es muss unbedingt leer sein.


Also in meinem Zusammenhang, ich versuche eine Art Bilder auswahl zu erstellen, für meine HP.



Zwischen den Bildern soll aber ein Abstand sein, der immer gleich ist.

Das ganze ist ein DIV, wo ich die DIVs Bild und Text reinpacke.

Mit line-heigt habe ich den Text vertikal zentriert. Mit dem Bild funktioniert das nicht, sonst wäre das ja eine Lösung.

Wenn ich jetzt ein leeres DIV unter dem Bild erzeuge, wird das ja übergangen. Was kann ich da tun?

Danke im Voraus
Tom

 

[sokie]

AW: Leeres DIV erzeugen

<div> Elemente sind zur Unterteilung der Seite in Bereiche geeignet. "abstandhalter -elemente" gibts in xhtml/css nicht. wenn man einen Abstand braucht,kann man das durch margin(aussenabstand),padding(innenabstand), positionierung und/oder entsprechenden Kombinationen erreichen.

um für deinen Fall eine gewisse Struktur herzustellen, und zudem das Problem lösbar zu machen:
Du willst eine Liste mit Alben erstellen: das geeignete Element scheint da doch die Liste zu sein:

<ul id="alben">
  <li>
     erste listeneinträge
  </li>
  <li>
     zweite listeneinträge
  </li>
</ul>

zwischen den <li> Elementen kannst du den Abstand über 'margin' einstellen.

 

[smallgrapher]

AW: Leeres DIV erzeugen

Okay,
aber wie bekomm ich in einer <li> ein Bild und den Text dahinter vertikal zentriert angeordnet?

zwischen den <li> Elementen kannst du den Abstand über 'margin' einstellen.

Hab ich nicht gesehn, sry!

 

[mephista]

AW: Leeres DIV erzeugen

Kann man nicht auch nen spacer.gif definieren?
Aber ich glaube, so wie sokie es geschrieben hat mit margin ist es doch am besten.
Du kannst ja einen DIV anlegen, für den Inhalt und dann noch eine Klasse.
Zum Beispiel: .bild
in dem definierst du dann mit margin left/ right/ top und bottom die Abstände zum Text oder zum nächsten Bild! Float left wenn du längeren text hast, der das Bild umfließen soll...

 

[smallgrapher]

AW: Leeres DIV erzeugen

schon richtig. Wollte aber nicht noch mehr DIVs verschachteln als unbedingt nötig,

 

[sokie]

AW: Leeres DIV erzeugen

Kann man nicht auch nen spacer.gif definieren?

man 'kann' vieles. allerdings sindauch img Tags nicht dazu gedacht abstände zu erzeugen.im CSS gibt es ja diverse Möglichkeiten Elemente sachgerecht zu positionieren. Warumalso noch unnötigerweise Bilddateien in die Seite einbinden,die man nicht sieht?

Du kannst ja einen DIV anlegen, für den Inhalt und dann noch eine Klasse.

und so noch mehr Markup erzeugen als nötig ist?

 

[nierewa]

AW: Leeres DIV erzeugen

Hi.

So würde es glaub ich gehen:

<li><img src="bild1" ... style="vertical-align: middle;border: 0px;" />Text zentriert</li>
<li></li
<li><img src="bild2" ... style="vertical-align: middle;border: 0px;" />Text zentriert</li>

Das funktioniert aber nur, wenn der Text nicht umgebrochen wird.

 

[leohh]

AW: Leeres DIV erzeugen

Das ist doch Bloedsinn nierewa.
Es ist einfach so, dass man bei jedem Element Innen- und Aussenabstaende zur Verfuegung hat. Da braucht man weder leere Elemente noch unnoetig, komplexe Gebilde.

Nimm einfach die vorgeschlagene Liste von sokie und wende darauf margin zur entsprechenden Seite an. So duerfte sich das elegant loesen lassen.

 

[nierewa]

AW: Leeres DIV erzeugen

Das ist kein Blödsinn.
Ich hab mich nur verschrieben *bg*

Natürlich braucht man keinen leeren Listenpunkt!

Es ging mir um das zentrieren von Bild UND Schrift.
Und das geht, wenn man dem Bild die CSS-Anweisung style="vertical-align:middle;" gibt.

 

[Pixelverwender]

AW: Leeres DIV erzeugen

Kann man nicht auch nen spacer.gif definieren?

Das war mal. In Zeiten von Tabellenlayouts und vor CSS