mille
Erfahrenes Mitglied
Hallo Leute,
nach langer Abstinenz bin ich nun auch mal wieder im HTML Forum und bitte um Eure Hilfe, da ich schon seit gefühlten 5000 Stunden an einem mir nicht schlüssigen Problem mit HTML/ CSS hantiere.
Es geht um folgendes kleines Code-Fragment, dass ich um das Style-Attribute mit den Eigenschaften "border: 1px farbe solid" ergänzt habe, um die Darstellung im nachfolgenden Screenshot zu zeigen. Hier der Code-Schnipsel:
Geplant ist eigentlich, dass das Ganze so aussehen soll: http://img20.imageshack.us/img20/9135/soistrichtig.jpg (Anmerkung: Originalnamen wurden ersetzt, daher auch diese etwas unsaubere Grafik).
Leider aber zeigt sich zwischen den beiden Namen ein viel zu großer Abstand, der sich mit den herkömmlichen Mitteln (margin: 0; padding: 0; height: 20px; max-height: 20px; line-height: 20px) nicht beseitigen lässt. Alles natürlich per Style-Attribut probiert, um Überschreibungen durch Definitionen im CSS-File zu unterbinden.
So sieht das Ergebnis aktuell aus (mit den farbigen Borders. Der Freiraum ist, wie zu sehen ist, auch nicht durch irgendein unsichtbares Element blockiert): http://img210.imageshack.us/img210/7198/marginohnemargin.jpg
Ich hoffe, dass Ihr mir helfen könnt.
Vielen Dank und Beste Grüße
mille
nach langer Abstinenz bin ich nun auch mal wieder im HTML Forum und bitte um Eure Hilfe, da ich schon seit gefühlten 5000 Stunden an einem mir nicht schlüssigen Problem mit HTML/ CSS hantiere.
Es geht um folgendes kleines Code-Fragment, dass ich um das Style-Attribute mit den Eigenschaften "border: 1px farbe solid" ergänzt habe, um die Darstellung im nachfolgenden Screenshot zu zeigen. Hier der Code-Schnipsel:
HTML:
<div style="border: 1px red solid">
<div class="cursor" style="border: 1px black solid"><span id="spacer_maxi" style="display: none" style="border: 1px black solid"> </span><img src="gfx/pfeil.png" alt="Cursor" style="border: 1px green solid; display: block; margin-top: 9px;" id="cursor_maxi" /></div>
<h2 style="border: 1px yellow solid" class="fix activeTeam" onclick="loadTeam('maxi'); return false" id="link_maxi">Maxi Mustermann</h2>
<img style="border: 1px blue solid" src="gfx/xing_icon.png" alt="Kontaktinformationen zu Maxi via XING" onclick="window.open('http://www.xing.com/profile/Maxi___Mustermann98645'); return false;" class="cursor" />
</div>
<div class="cursor"><span id="spacer_max"> </span><img src="gfx/pfeil.png" alt="Cursor" style="display: none; margin-top: 9px;" id="cursor_max"/></div>
<h2 class="fix inactiveTeam" onclick="loadTeam('max'); return false" id="link_max">Max Mustermann</h2>
<img src="gfx/xing_icon.png" alt="Kontaktinformationen zu Max via XING" onclick="window.open('http://www.xing.com/profile/Max___Mustermann865'); return false;" class="cursor"/>
<div class="clearDIV"></div>
Geplant ist eigentlich, dass das Ganze so aussehen soll: http://img20.imageshack.us/img20/9135/soistrichtig.jpg (Anmerkung: Originalnamen wurden ersetzt, daher auch diese etwas unsaubere Grafik).
Leider aber zeigt sich zwischen den beiden Namen ein viel zu großer Abstand, der sich mit den herkömmlichen Mitteln (margin: 0; padding: 0; height: 20px; max-height: 20px; line-height: 20px) nicht beseitigen lässt. Alles natürlich per Style-Attribut probiert, um Überschreibungen durch Definitionen im CSS-File zu unterbinden.
So sieht das Ergebnis aktuell aus (mit den farbigen Borders. Der Freiraum ist, wie zu sehen ist, auch nicht durch irgendein unsichtbares Element blockiert): http://img210.imageshack.us/img210/7198/marginohnemargin.jpg
Ich hoffe, dass Ihr mir helfen könnt.
Vielen Dank und Beste Grüße
mille