Bei Listenmenü schrift unten bündig ausrichten
doni
- css
hallo zusammen
die seite: http://www.telltec.ch/testing/~xfce/
das CSS : http://www.telltec.ch/testing/~xfce/css/screen.css
das Problem: Ich habe das Menü auf der linken Seite mittels einer Liste gemacht und habe den Links ein bestimmte Höhe gegeben.
Nun ist die schrift vertikal aber mittig ausgerichtiget. Ich würde sie aber gerne unten bündig haben. Ist das möglich?
danke euch!
Doni
hi,
das Problem: Ich habe das Menü auf der linken Seite mittels einer Liste gemacht und habe den Links ein bestimmte Höhe gegeben.
Nun ist die schrift vertikal aber mittig ausgerichtiget. Ich würde sie aber gerne unten bündig haben. Ist das möglich?
nicht so ohne weiteres.
sachen wie vertical-align funktionieren nur für tabellenartige elemente. man könnte die links statt mit display:block mit anderen werten natürlich tabellenzellenartig formatieren - aber das scheitert an der browserunterstützung (v.a. natürlich wieder mal im IE).
eine andere möglichkeit wäre wohl ein einfaches padding-top für die links. (in browser, die das box model korrekt umsetzen dann natürlich die höhe entsprechend verringern; ggf. kann sie dann auch ganz wegfallen)
ebenfalls noch denkbar wäre es, in die links noch mal ein weiteres elemente wie bspw. einen span hineinzulegen, und diesen dann absolute am bottom der selber relative positionierten links auszurichten. (aber da würde ich die padding-methode doch vorziehen.)
gruß,
wahsaga
hmm...
die span methode ist auch schon wieder zuviel gebastel.
da werde ich wohl doch zum padding greifen müssen!
vielen dank!
Doni
Hi,
die seite: http://www.telltec.ch/testing/~xfce/
das CSS : http://www.telltec.ch/testing/~xfce/css/screen.cssdas Problem: Ich habe das Menü auf der linken Seite mittels einer Liste gemacht und habe den Links ein bestimmte Höhe gegeben.
Nun ist die schrift vertikal aber mittig ausgerichtiget. Ich würde sie aber gerne unten bündig haben. Ist das möglich?
Da Du ja display:block benutzt (wegen width/height), geht vertical-align nicht.
Aber was geht, ist line-height (ca. 40px).
cu,
Andreas