Abstand
Käsebrötchen
- html
Also, ich habe folgendes Problem:
http://img226.imageshack.us/img226/5484/unbenanntil2.jpg
Und zwar dieser Strich unter Home...
der muss weg!
hier der code:
<img src="images/home.gif" border="0">
<div id="bglink">
<a href="http://evergreenterrace.de.gg">EvergreenTerrace</a>
<br>
Hier die css datei:
#bglink {
background-image:url("images/list.gif");
margin-top:0px
danke schonmal für die hilfe =) (die ja wohl hoffentlich gleich kommen wird^^)
Hallo,
Hast du es schonmal mit
html, body { margin:0; padding:0; }
probiert?
Gruss,
OhneName
Hallo,
Hast du es schonmal mit
html, body { margin:0; padding:0; }
probiert?Gruss,
OhneName
Nein, hat aber leider auhc nichts gebracht :(
Hallo,
Dann musst du dich halt solange vorarbeiten bis zum innersten Element und überall margin und padding auf 0 setzen.
html,
body,
#root,
#banner,
#banner img
{ margin:0; padding:0 }
Dieses Bild sollte das oberste Element sein, wenn das nicht funktioniert, dann weiß ich auch nicht mehr weiter.
Gruss,
OhneName
PS: Du solltest deine Seite auch einmal validieren. Das bewirkt Wunder.
Hallo,
Dann musst du dich halt solange vorarbeiten bis zum innersten Element und überall margin und padding auf 0 setzen.
html,
body,
#root,
#banner,
#banner img
{ margin:0; padding:0 }Dieses Bild sollte das oberste Element sein, wenn das nicht funktioniert, dann weiß ich auch nicht mehr weiter.
Gruss,
OhneNamePS: Du solltest deine Seite auch einmal validieren. Das bewirkt Wunder.
Ich habe das gleiche Problem und verstehe deine Lösung leider nicht. Kannst du das vielleicht noch mal für absoulute Noobs erklären?
Hallo,
hier erstmal der HTML-Code der betroffenen Seite (auf das nötigste gekürzt natürlich):
<html>
...
<body>
<div id="root">
<div id="banner">
<img src="images/banner.jpg">
</div>
...
Dieses Bild soll nun ganz oben erscheinen ohne irgendwelche Abstände. Jetzt den CSS-Code um das zu erreichen:
html, //selektiert das Element html
body, //selektiert das Element body
#root, //selektiert das Element mit der id root
#banner, //selektiert das Element mit der id banner
#banner img //selektiert das Element img, das innerhalb eines Elements
//mit der id banner liegt
{ margin:0; //setzt den Außenabstand auf null
padding:0; } //setzt den Innenabstand auf null
Hiermit wählen wir alle Elemente bis zu unserem img aus und setzen ihre Abstände auf 0.
Wie Marc schon gesagt hat (danke an dieser Stelle) ist es wohl auch nötig Leerzeichen und Zeilenumbrüche zu entfernen, da auch diese von Browsern dargestellt werden. In aller Regel in Form von ungewollten Abständen. Also <div><img></div> statt der oben geschriebenen Variante.
Gruss,
OhneName
Hallo OhneName,
Hast du es schonmal mit
html, body { margin:0; padding:0; }
probiert?
*lol*, der war lustig.
"Käsebrötchen": Hast du schon mal daran gedacht, dass Leerzeichen zwischen deinen beiden Elementen dafür verantwortlich sein könnten? Zu Leerzeichen gehören auch Zeilenumbrüche.
Grüße
Marc Reichelt || http://www.marcreichelt.de/