Sponsored Links |
|
|||
mach mal global alle paddings und margins auf Null
Code:
* padding: 0; margin: 0; } Einem IMG ein padding zuzuweisen wird es nicht beheben, aus "Sicht" des IMG ist margin der Abstand zum nächsten Element. |
|
||||
Zitat:
Zitat:
Zitat:
|
|
|||
Mach mal die Abstände im Quelltext raus. Das hat das Problem gelöst. (Den Grund kann ich nur vermuten.)
Generell würde ich um deine img irgendwas drum machen, sei es ein oder ein anderes semantisch korrektes Element, in welchem " " vorkommen dürfen. grüsse andir
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
||||
Zitat:
|
|
|||
So funktioniert es.
In der Regel habe ich keine Lust erst meinen Editor zu öffnen. Ich lade lieber direkt runter. Das ist schneller und bequemer. Außerdem kann man mittels der developer Toolbar direkt die CSS bearbeiten. Zumindest wenn sie extern ist, was ich dir genau so empfehlen möchte wie auf px umzusatteln. pt wurde für den Druck erfunden. Eigentlich nimmt man em. Aber damit kommst du bei deinem Beispiel wahrscheinlich nicht so weit. Beim Quelltext fehlt eigentlich noch ein clear. Besser gesagt 2. Aber IE6, Opera 8 und FF haben mir keine Fehler angezeigt. Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> * {margin:0px; padding:0px;} body {background-color:#7EA4EC; font-size:7pt} img {height:16px; width:16px; display:block; float:left;} </style> </head> <body> <div> [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_angle.gif[/img] [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_node.gif[/img] "ohne" </div> <div> [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_empty.gif[/img] [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_angle.gif[/img] [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_node.gif[/img] "Raumgröße" </div> </body> </html> |
Sponsored Links |
|
||||
@Philippp
deins Funktioniert leider nur bei einer Schriftgöße. Habe aber eine Lösung die bei mehreren Schriftgrößen funktionieren... Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> img { border:0; margin:0; float:left; } span { padding-left:10px; } p { margin:0; padding:0; clear:both; } </style> </head> <body class="detail_body" style="background-color:#7EA4EC; font-size:12px"> [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_angle.gif[/img] [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_node.gif[/img] <span>ohne</span></p> [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_empty.gif[/img] [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_angle.gif[/img] [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_node.gif[/img] <span>Raumgröße</span></p> </body> </html> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
mysteriöser Hovereffekt bei Bildern | smile! | CSS | 7 | 18.02.2010 18:28 |
Abstände zwischen img wollen nicht weg | Lili0312 | CSS | 2 | 03.09.2008 19:57 |
MF Rand bei Bildern (am unteren Ende) | FeriX | CSS | 5 | 02.05.2008 18:37 |
Variabler Zwischenraum von Bildern... | kick | CSS | 13 | 02.02.2006 13:54 |
template mit bildern | cssmichl | CSS | 5 | 10.05.2005 11:28 |