|
|||
![]()
Hallo Forum,
ich möchte einen Text innerhalb eines DIV vertikal mittig zentrieren. Die Höhe des Div's ist 30px und wird von zwei Linien (oben und unten) umschlossen. Zusätzlich möchte ich neben dem Text ein Icon positionieren. So soll es aussehen (Grafik soll aber rechtbündig stehen, was hier nicht geht): -------------------------------------------------------- TEXT ![]() -------------------------------------------------------- Das ist mein Skipt zur Zeit: Code:
<div style="width:450px; height:30px; border-top:1px solid #999999; border-bottom:1px solid #999999; vertical-align:middle"> <span style="height: 30px; vertical-align:middle"><strong>Grand public</strong></span> <span style="height: 30px; vertical-align:middle"><img src="../images/intellicorder/drop_down.gif" width="15" height="15"></span> </div> Geändert von christoph (15.01.2007 um 10:35 Uhr) |
Sponsored Links |
|
|||
![]()
Siehe bitte die FAQs zu dem Thema.
|
Sponsored Links |
|
|||
![]()
Also es scheint so, als würden die Design-Möglichkeiten in der Variante "Webdesign ohne Tabellen" noch in den Kinderschuhe stecken und kaum Möglichkeiten zulassen. Ich bleibe besser bei den bewerten Tabellen, da klappt das wenigsten, wie man es braucht.
|
|
|||
![]() Zitat:
Du hast falsche Vorstellungen dessen, was bestimmte CSS-Eigenschaften (hier vertical-align) können sollen. Belies Dich bitte mit den Grundlagen (ich verweise erneut auf die FAQ), bevor Du einfach Behauptungen anstellst, die nach dem Motto "kenn ich nicht, ist also ungeeignet" formuliert sind. |
|
|||
![]()
Probier's doch mal damit: Vertical Centering in CSS
Die Design-Möglichkeiten ohne Tabellen stecken nicht in den Kinderschuhen, dass tun höchstens die Fähigkeiten derjenigen die sie einsetzen wollen... ( Ausnahmen bestätigen die Regel. Diese gehört allerdings nicht dazu. ) |
|
|||
![]()
Bisher habe ich aber auf meine Frage keine Lösung bekommen, die zielführend ist. Sondern nur Notlösungen und Querverweise! Ich glaube nicht, dass es im Sinne des Erfinders ist. Außerdem ist es nicht mein Verständnis eines Forums, dass man auf FAQ verweist, die eine globale Lösung vorstellen und dabei (natürlich) nicht auf das gestellte Problem eingehen. Bitte lest die Problemstellung genau, bevor Ihr auf die FAQ verweist und urteilt dann, ob nicht vielleicht doch Tabellen dafür gescheiter sind!
|
|
||||||
![]() Zitat:
Zitat:
Zitat:
Zitat:
Code:
<div style="height: 30px; display: table-cell; vertical-align: middle">Text</div> Zitat:
Aber damit du mir nicht vorwerfen kannst, nicht zu helfen, probiere das hier: Code:
<div style="line-height: 30px;">Text</div> Zitat:
Robin |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Text in div positionieren | KeithKeith | CSS | 1 | 16.05.2010 21:37 |
Div Float Clear usw... Ich dreh durch ;) | buggix | CSS | 14 | 11.02.2010 08:42 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 13:08 |
Auf-/Zuklappen mit JS | crimi | Javascript & Ajax | 7 | 23.09.2008 16:27 |
3 dynam. Spalten mit Inhaltsüberlauf | spacegaier | CSS | 6 | 12.10.2007 00:24 |