<dd> soll direkt hinter <dt> stehen

- css
0 Martin Hölter0 Ingo Siemon
0 Siechfred0 Nadja
0 wahsaga0 Martin Hölter0 Nadja
0 dey0 Nadja
0 Gernot Back
0 Nadja
0 Martin Hölter0 Nadja
0 Gernot Back
0 wahsaga
0 Nadja
Hallo,
kann ich mit CSS in einer <dl> "erzwingen", dass <dd> direkt hinter <dt> steht?
Standardmäßig folgt das <dd> ja in der nächsten Zeile etwas nach rechts versetzt...
Liebe Grüße,
Nadja
Hi!
such dir was aus:
display:inline; (mein Favorit)
float:left;
position:absolute (überhaupt nch zu empfehlen)
Gruß aus Iserlohn
Martin
Liebe Nadja
kann ich mit CSS in einer <dl> "erzwingen", dass <dd> direkt hinter <dt> steht?
Standardmäßig folgt das <dd> ja in der nächsten Zeile etwas nach rechts versetzt...
Ja, das kannst Du machen mit "float".
Verstehst Du?
Gruß
Ingo
Tag Nadja.
kann ich mit CSS in einer <dl> "erzwingen", dass <dd> direkt hinter <dt> steht?
Standardmäßig folgt das <dd> ja in der nächsten Zeile etwas nach rechts versetzt...
Versuche es doch mal mit display:inline für dd (das standardgemäß ein Blocklevel-Element zu sein scheint, http://www.w3.org/TR/html4/struct/lists.html#edef-DL).
Siechfred
Hallo,
danke für eure Antworten, mit float:left; funktioniert es :)
Allerdings krieg ich es nicht hin, dass die <dd>-Elemente, die so lang sind, dass ein Zeilenumbruch stattfindet, korrekt eingerückt sind (z.B. bei "Interessen").
Liebe Grüße,
Nadja
hi,
Allerdings krieg ich es nicht hin, dass die <dd>-Elemente, die so lang sind, dass ein Zeilenumbruch stattfindet, korrekt eingerückt sind (z.B. bei "Interessen").
gib ihnen ein entsprechendes margin-left.
gruß,
wahsaga
Hi!
Allerdings krieg ich es nicht hin, dass die <dd>-Elemente, die so lang sind, dass ein Zeilenumbruch stattfindet, korrekt eingerückt sind (z.B. bei "Interessen").
gib ihnen ein entsprechendes margin-left.
Hierbei bezieht sich die Angabe jedoch nicht auf das umflossene Element, sondern auf das Elternelement.
Gruß aus Iserlohn
Martin
Hallo Martin,
gib ihnen ein entsprechendes margin-left.
Hierbei bezieht sich die Angabe jedoch nicht auf das umflossene Element, sondern auf das Elternelement.
Das verstehe ich nicht so ganz, sorry.
Das umflossene Element ist doch in diesem Fall das <dt>, oder?
Der IE stellt das irgendwie komisch dar...
So sieht momentan mein CSS aus:
dl#poorchen_info
{
margin: 1em 5em 0 5em;
padding:0;
list-style:none;
font-size: 1em;
}
dl#poorchen_info dt
{
font-weight:bold;
margin:0;
padding:0 1.5em 0 0;
float:left;
width: 9em;
text-align:right;
}
dl#poorchen_info dd
{
margin:0; padding:0.1em 0;
margin-left: 10.5em;
}
Für den IE (separate CSS-Datei):
dl#poorchen_info dd
{
margin:0; padding:0.1em 0;
margin-left: 10.6em;
}
Liebe Grüße,
Nadja
Hallo Nadja,
grundsätzlich fehlt jegliche Möglichkeit zu scrollen;
zumindest bei mir:
Firefox 1.0.4
bydey
Hallo dey,
grundsätzlich fehlt jegliche Möglichkeit zu scrollen;
zumindest bei mir:
Firefox 1.0.4
Öhm, kann ich nicht bestätigen, weil der Scrollbalken vom Browser kommt, sobald der Inhalt länger als das Fenster ist (jedenfalls hab ich das so bestimmt, hab nirgends ein overflow drin).
Liebe Grüße,
Nadja
Hallo Nadja,
Der IE stellt das irgendwie komisch dar...
ja, die erste Zeile ist nicht linksbündig
Für den IE (separate CSS-Datei):
dl#poorchen_info dd
{
margin:0; padding:0.1em 0;
margin-left: 10.6em;
/* spendier dem IE auch noch eine Höhenangabe */
height:100%;
}
warum das funktioniert, kann ich dir auch nicht erklären, aber es funktioniert. Man muss bei diesem verrückten Browser halt immer alles Mögliche wild ausprobieren.
<http://www.sprachlernspiele.de/selftests/deflist.html>
Gruß Gernot
Hallo Gernot,
warum das funktioniert, kann ich dir auch nicht erklären, aber es funktioniert. Man muss bei diesem verrückten Browser halt immer alles Mögliche wild ausprobieren.
Seltsam, bei mir wird das total auseinandergezogen (siehe hier) :(
Liebe Grüße,
Nadja
Hi!
Iserlohn :(
Da musst du uns schon deine IP geben, ich hab deine Seite nicht auf meinem localhost laufen ;-)
Gruß aus [link:http://www.sparkasse-iserlohn.de/)
Martin
Hallo Martin,
Da musst du uns schon deine IP geben, ich hab deine Seite nicht auf meinem localhost laufen ;-)
Waaahh, sorry, ich meinte:
http://www.poorchen.de/_test/poorchen_daten.php ;)
Liebe Grüße,
Nadja
Hallo Nadja,
Seltsam, bei mir wird das total auseinandergezogen (siehe hier) :(
Wahrscheinlich ist es besser
height:1em;
anzugeben, du könntest ja die Höhe der Vorfahrenselemente irgendwo definiert haben. Irgendeine Höhenangabe, nur aus besagtem Grund keine prozentuale wirkt also für den IE.
Gruß Gernot
Hallo Gernot,
Wahrscheinlich ist es besser
height:1em;
>
> anzugeben, du könntest ja die Höhe der Vorfahrenselemente irgendwo definiert haben. Irgendeine Höhenangabe, nur aus besagtem Grund keine prozentuale wirkt also für den IE.
Danke :)
Das ist echt Wahnsinn, was man für einen Aufwand für den IE betreiben muss...
Liebe Grüße,
Nadja
--
system.exit(0);
Hallo Gernot,
Achso: Wenn man allgemein die Höhe auf 1em setzt, sieht das im FF merkwürdig aus (ist z.B. auf deiner Testseite so (s.o.)), das geht also wirklich nur für den IE.
Liebe Grüße,
Nadja
hi,
gib ihnen ein entsprechendes margin-left.
Hierbei bezieht sich die Angabe jedoch nicht auf das umflossene Element, sondern auf das Elternelement.
natürlich. das umflossene element ist ja gar nicht mehr da, weil aus dem elementfluss genommen.
gruß,
wahsaga
Hallo wahsaga,
gib ihnen ein entsprechendes margin-left.
Danke, funktioniert :)
Liebe Grüße,
Nadja