Ungewollter Spalt

Status
Nicht offen für weitere Antworten.

Blackylein

Erfahrenes Mitglied
Hallo!

Ich hab eine ganz einfache Galerie erstellt, doch zwischen der Navigationsleiste und dem Bild ist ein kleiner Spalt und ich weiß nicht warum.

CSS-Code:
Code:
 body {
background-color:   #506173;
font-family:        Arial, sans-serif;
font-size:          10pt;
color:              #000000;
text-align:		          center;
}

a:link {
color:              #000000;
text-decoration:    none;
}

a:visited {
color:              #000000;
text-decoration:    none;
}

.navi{
width:              500px; 
height:             25px;
position:           relative;  
margin-top:         0px;
margin-left:        auto;  
margin-right:       auto;
padding:            0px;

}

/* .nix {  
width:              20%;
height:             25px;
position:           relative;  
margin-left:        auto;  
margin-right:       auto;  
float:              left;
background-color:   #90b728;
}*/

.navigation {  
width:              200px;
height:             25px;
position:           relative;  
margin-left:        auto;  
margin-right:       auto;  
float:              left;
cursor:             hand;
background-color:   #90b728;
}

.schliessen {
width:              100px; 
height:             25px;
position:           relative;  
margin-left:        auto;  
margin-right:       auto;  
float:              left;
cursor:             hand;
background-color:   #90b728;
}

.weiter {
width:              100px; 
height:             25px; 
position:           relative;  
margin-left:        auto;  
margin-right:       auto;  
float:              left;
cursor:             hand;
background-color:   #90b728;
}

.zurueck {  
width:              100px;
height:             25px;
position:           relative;  
margin-left:        auto;  
margin-right:       auto;  
float:              left;
cursor:             hand;
background-color:   #90b728;
}

HTML-Code:
Code:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
 <title>Online-Version of the Intranet</title>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
 <meta name="author" content="carina skladal">
 <meta name="keywords" content="intranet, hak, baden, hak baden">
 <meta name="description" content="onlineversion der intranet-site">
 <link rel="stylesheet" type="text/css" href="../../css/style.css">
 
 </head>
 <body>
 <center><img src="amsmesse_02.jpg" padding="0px" margin="0px"></center>
 <div class="navi">
   <div class="navigation"><a href="#"><img src="navigation.gif" border="0"></a></div>
   <div class="zurueck"><a href="galerie.html"><img src="back.gif" border="0"></a></div>
   <div class="schliessen" onclick="self.close(); return false;"><img src="close.gif" border="0"></div>
   <div class="weiter"><a href="galerie3.html"><img src="next.gif" border="0"></a></div>
 </div>
 </body>
 
Hi,

weise dem Galeriebild die CSS-Eigenschaft display: block zu.
HTML:
<center><img src="../bilder/sommerabend.jpg" style="margin: 0; padding: 0; none; display: block;"></center>
Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.
Zurück