|
|||
Wie stellt man ich ein Feld unter und nebeneinander dar.
Wie kann ich in CSS den unten stehenden code so formatieren, dass es wie folgt ausgegeben wird - ohne aber das ich auf den HTML zugriff habe:
Vorname: Latisha Nachname: lla <code> dl> <dt class="profile-profile_vorname">Vorname</dt> <dd class="profile-profile_vorname">Latisha</dd> <dt class="profile-profile_nachname">Nachname</dt> <dd class="profile-profile_nachname">lla</dd> </dl> </code> |
Sponsored Links |
|
|||
funktioniert das auch wenn ich mehrere Zeilen habe?
So: <code> <dl> <dt class="profile-profile_username">Username</dt> <dd class="profile-profile_username">laura</dd> <dt class="profile-profile_strasse">Strasse, Hausnr.</dt> <dd class="profile-profile_strasse">www,5</dd> <dt class="profile-profile_plz">Postleitzahl</dt> <dd class="profile-profile_plz"> <a href="/web/profile/profile_plz/554485">554485</a> </dd> <dt class="profile-profile_ert">Ort</dt> <dd class="profile-profile_ert">Adelsheim (Baden-Württemberg)</dd> <dt class="profile-profile_bundesland">Bundesland</dt> <dd class="profile-profile_bundesland"> </dd> <dt class="profile-profile_festnetz">Festnetznummer</dt> <dd class="profile-profile_festnetz">555</dd> </dl> </code> |
|
|||
danke heiko,
habe es folgendes gemacht, im Moz passts, im IE7 fehlt allerdings "nachname", mhm verstehe das nicht. <code> dl dt.profile-profile_vorname, dd.profile-profile_vorname { display:inline; float:left; margin:20px 0px 0px; min-height:2px; padding-left:2em; } dl dt.profile-profile_vorname { clear:left; margin-top:20px; min-height:0px; } dl dt.profile-profile_nachname, dd.profile-profile_nachname { display:inline; float:left; margin:20px 0px 0px; min-height:2px; padding-left:25px; } dl dt.profile-profile_nachname { clear:left; margin-top:20px; min-height:0px; } dl dt.profile-profile_username, dd.profile-profile_username { display:inline; float:left; margin:20px 0px 0px; min-height:0px; padding-left:25px; } dl dt.profile-profile_username { clear:left; margin-top:20px; min-height:0px; } dl dt.profile-profile_strasse, dd.profile-profile_strasse { display:inline; float:left; margin:20px 0px 0px; min-height:0px; padding-left:25px; } dl dt.profile-profile_strasse { clear:left; margin-top:20px; min-height:0px; } dl dt.profile-profile_plz, dd.profile-profile_plz { display:inline; float:left; margin:20px 0px 0px; min-height:0px; padding-left:25px; } dl dt.profile-profile_plz { clear:left; margin-top:20px; min-height:0px; } dl dt.profile-profile_ort, dd.profile-profile_ort { display:inline; float:left; margin:20px 0px 0px; min-height:0px; padding-left:25px; } dl dt.profile-profile_ort { clear:left; margin-top:20px; min-height:0px; } </code> Zudem noch ein Punkt: ich kenne den Hack html * für den IE 7, jedoch reagiert auch mozilla auf diesen hack, was ist hier zu raten? |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Das CMS Contao - Vor- und Nachteile | hubspe | Ressourcen | 30 | 18.02.2011 11:18 |
Google Ad | paracelsus | Offtopic | 95 | 23.12.2010 12:06 |
2worx - CMS/Baukasten mit Chancen? | AndreasMueller | Barrierefreiheit | 14 | 09.11.2010 14:06 |
xhtml validator error | doni | (X)HTML | 40 | 17.09.2004 06:20 |
Float Problem, 4 Inhalts Elemente nebeneinander | denny | CSS | 0 | 23.08.2004 15:59 |