Heiko J.: Bild und Text im Menü

Beitrag lesen

SELF-Forum

Bild und Text im Menü

Heiko J.
– Informationen zu den Bewertungsregeln

Hallo CSSNeuling!

leider bin ich gerade vollkommen ratlos.

Aber nicht doch!

Ich habe ein Menü. Das sieht so aus:

  • Text
  • Text
  • Text

Das "-" wäre jetzt also das Bild. Wenn der "Text" allerdings etwas länger ist, dann sieht das so aus:

  • Text
  • Ultra langer
    Text
  • Text

Was das ganze sehr unübersichtlich macht. Das Bild und der Text sind in einem DIV. Wie oder kann ich überhaupt einstellen, dass das Bild, wenn es zwei Zeilen gibt, mittig ist und der Text untereinander steht?
Leider bin ich vollkommen ratlos... wahrscheinlich gibts ne ganz simple Lösung - leider komme ich nicht darauf :(

Wäre daher für jede Hilfe sehr dankbar!

Wenn es nur um Text gegangen wäre, zwei Alternativen:
a) Eine Liste definieren

  
<div style="width:100px;">  
<ul>  
<li>Listenpunkt, bitte...</li>  
<li>Bla blubb ja</li>  
<li>Bla blubb laaaaaaaaaaaaaaaaaaaanger Text</li>  
<li>Bla blubb nein</li>  
</ul>  
</div>

b) Mit text-ident arbeiten:

  
<div style="width:100px;">  
<div class="list">* Listenpunkt, bitte...</div>  
<div class="list">* Bla blubb ja</div>  
<div class="list">* Bla blubb laaaaaaaaaaaaaaaaaaaanger Text</div>  
<div class="list">* Bla blubb nein</div>  
</div>

mit CSS Style

  
.list {text-indent:-2em; padding-left:2em; }

In deinem Fall als _billigste Lösung_:
Mit <table> 1) arbeiten, erste Spalte für's Bild, zweite Spalte für den Text.

Gruss
Heiko J.

Fußnote:

  1. Pfui, böser Vorschlag!!!!
Beitrag melden
–
Informationen zu den Bewertungsregeln