Also ich hab folgendes Problem:
Ich mach meine Navi mit Bildern... weiß nicht ob das modern ist oder ob es bessere Lösungen gibt. Wenn ich die Bilder mit folgendem Code einfügte, ist zwischen jedem Bild eine kleine Lücke... die soll weg... wie mach ich das?
Hier der Code:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Die Betten Fanpage</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="seitenbereich">
<div id="header">
</div>
<div id="navi">
<img src="./images/links.jpg"/>
<img src="./images/startseite.jpg"/>
<img src="./images/geschichte.jpg"/>
<img src="./images/bettformen.jpg"/>
<img src="./images/bettgroessen.jpg"/>
<img src="./images/kontakt.jpg"/>
<img src="./images/impressium.jpg"/>
<img src="./images/rechts.jpg"/>
</div>
<div id="inhalt">
</div>
</div>
</body>
</html>
Alles anzeigen
und der CSS Code:
Code
html, body
{
background-image: url(./images/background.jpg);
height: 100%;
}
#seitenbereich {
width: 1000px;
height: 900px;
margin: 0px auto;
}
#header {
width: 1000px;
height: 251px;
background-image: url(./images/header.jpg);
}
#navi {
height:35px;
}
#inhalt {
background-image: url(./images/inhalt.jpg);
width: 1000px;
height: 706px;
margin-bottom: 20px;
}
Alles anzeigen
Wenn einer helfen kann wäre ich sehr dankbar =)
Mfg Hummeropfer