definitionslisten problem
leider komme ich mit definitionslisten nicht klar und bräuchte mal eure hilfe zu mein problem:
ich möchte das der gelbe kasten "profile dd" sich ganz normal wie ein div verhält und am rosanen kasten "profile dt" klebt. ich hab viel versucht aber leider nicht gelöst. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"> .profile {float:left; clear:left; width:990px; height:310px; background-color:#00F;} .profile dt { float:left; clear:left; width:200px; height:150px; background-color:#F3F; } .profile dd { float:left; clear:left; width:700px; height:150px; background-color:#FF0; } </style> </head> <body> <dl class="profile"> <dt><img src="profile/zitrone.jpg"/></dt> <dd>lalala<br />lalala<br />lalala</dd> </dl> </body> </html> |
Hallo,
setze Quelltext in Foren zunächst mal in den vorgesehen Tag. Gib Bildern bitte immer eine Breite und eine Höhe mit. Das gehört zum guten html und mangels des Bildes fehlt mir jetzt z. B. diese Angabe, deshalb habe ich Text genommen. Definier mal bitte, was du mit "...ganz normal...klebt..." meinst? Ich habe mal geraten, das du damit meinst, das die nebeneinander auf gleicher Höhe stehen sollen. Das "richtige" Verhalten ohne Formatierung wäre hingegen, das sie als Blockelement untereinander stehen. Beschäftige dich mal mit css-reset. Ich habe mal ein einfaches eingefügt. Das hilft unerwartete Abstände zu verhindern. Folgend ein Lösungsbeispiel von mir: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
danke für die mühe.
durch "magin 0" und das falsche "clear:left;" bei ".profile dd" hat alles geklappt. superrrr :) ich möchte viele profile auflisten und hatte es mit DIVS gemacht. man hat mir gesagt es ist besser mit definitionslisten. "bild + bschreibung" "bild + bschreibung" "bild + bschreibung" "bild + bschreibung" "bild + bschreibung" |
Hallo
Zitat:
Es gibt zwar einige Webseitenersteller, die die Verwendung von Definitionslisten gerne auf Glossare (Begriff - Bedeutung des Begriffs) einschränken und dies auch allen anderen aufzwingen möchten, aber von denen sollte man sich nicht schrecken lassen. Für sich können die ja gerne so verfahren. Einige Möglichkeiten auch in Verbindung mit Grafiken findest du z. B. auch unter Definition lists – misused or misunderstood? | Max Design Daher habe ich auch die Grundlagen für mein Beispiel. Gruss MrMurphy |
Zitat:
Umso deutlicher wird dies dadurch, dass für ihren ursprünglichen Einsatzzweck, nämlich ein Glossar, jetzt noch dfn innerhalb von dt eingesetzt werden soll - d.h. die dl ist per se keine Glossar-Liste mehr, sondern muss erst (durch die Erweiterung um dfn) dazu gemacht werden. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 01:11 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023