• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild ohne Abstand von oben

ineedmusic

Neues Mitglied
Hallo.
In meiner Navigations-Leiste erscheint, sobald man auf einen Link fährt ein Bild über dem Link. Das funktioniert zunächst auch so wie es soll, sobald ich aber mehrere Bilder nebeneinander (Die Navigationsleiste besteht ja nicht nur aus einem Link) habe sinken die Bilder plötzlich ein bischen (ich glaube 5px) nach unten.
Falls jemand möchte kann ich auch gerne den Code posten, ist allerdings ziemlich viel und vermutlich für die meisten auch ziemlich unübersichtlich.
Mit
Code:
margin:0px;
padding:0px;
outline:0px;
border:0px;

habe
ich es schon versucht, hilft aber nichts. Das einzige was funktioniert hat war
Code:
position:absolute;
das kann ich aber nicht verwenden da die absolute positionierung auf anderen Bildschrimauflösungen anders sein müsste.

Ich hoffe ihr könnt mir helfen.
MfG Music!
 
Die Seite läuft offline, Link kann ich dir also keinen bieten.
Hier der HTML Code:
HTML:
<div class="navitop">
<img name="IMG01" src="blank.png" class="navi_top_img">
<img name="IMG02" src="blank.png" class="navi_top_img">
<img name="IMG03" src="blank.png" class="navi_top_img">
</div>

<div class="navi">
<span onMouseOver="imgover(IMG01)" onMouseOut="imgout(IMG01)"><a href="index.php">Home</a></span>
<span onMouseOver="imgover(IMG02)" onMouseOut="imgout(IMG02)"><a href="index.php">Menu</a>
 <ul class="dropdown">
<li><a href="">Droppmenu 1</a></li>
<li><a href="">Droppmenu 2</a></li>
<li><a href="">Droppmenu 3</a></li>
 </ul>
</span>    
<span onMouseOver="imgover(IMG03)" onMouseOut="imgout(IMG03)"><a href="logout.php">Logout</a></span>         
</div>

CSS:

Code:
.navitop {
margin-top:0px;
margin-left:100px;
width:800px;
height:10px;
background:orange;
}
.navi {
margin-top:0px;
margin-left:100px;
width:800px;
height:50px;
background:white;
}

JS:

Code:
IMG01 = "line_orange.png"; 
IMG02 = "blank.png";  

function imgover(imgname){
  imgname.src = IMG01;
}

function imgout(imgname){
  imgname.src = IMG02;
}
 
Ich habe mal vor einiger Zeit eine Seite auf Ucoz.com getestet, allerdings lief diese ohne PHP. Die Seite so wie sie jetzt ist online zu stellen wäre ein rießen Aufwand. Ich kann aber gerne ein .rar bei Mediafire hochladen, aber die Seite funktioniert halt blos mit Xampp (wegen PHP).
 
Ist der Code den ich gepostet habe nicht ausreichend? Ich kann gerne auch den Rest posten, ich dachte blos es ist übersichtlicher so.
 
Es ist immer von Vorteil, wenn man die Seite sieht. Man kann dann die Seite durch einen Validator jagen oder eventuell auch grundsätzliche Dinge besser erkennen.
 
Edit
Aus irgenteinem Grund hat float:left das Problem behoben. Danke für die Hilfe. Falls jemand eine Erklärung hat, wäre es super wenn er mir erklären würde was float:left mit dem Abstand von oben zu tun hat.
 
Zuletzt bearbeitet:
Zurück
Oben