Hallo Leute!
Ich habe mich gerade angemeldet, und komme deswegen auch gleich zu meinem Problem.
Als erstes:
Meine Homepage ist unter
specialforces.de - Startseite erreichbar.
Jetzt habe ich allerdings ein Problem. Es betrifft die Seite:
specialforces.de - Startseite
(nicht wundern, die Umrandung um die Liste ist nur zur Orientierung, mach ich immer so
)
Ok, diese Liste (mit Ausrüstung, Einsatzgebiet usw.), bzw. die Listeneinträge möchte ich jetzt näher aneinander kriegen. Mit margin hab ichs schon probiert, klappt nicht, und jetzt find ich den Fehler nicht.
Mit der Navigation hab ichs ja schon hingekriegt, mit verschiedenen Abständen.
So, hier sind noch die Codes:
HTML-Code:
<html>
<head>
<title>
specialforces.de - Startseite
</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<link rel="SHORTCUT ICON" href="http://www.willikuesters.de/icon/icon28.jpg">
</head>
<body>
<img id="header" src="header.jpg" alt="" id="header"/>
<ul id="navigation">
<li class="naviLink"><a href="index.htm">Startseite</a></li>
<li class="naviLink" id="aktiv"><a href="deutschland.htm">Deutschland</a></li>
<li class="naviLink"><a href="amerika.htm">Amerika</a></li>
<li class="naviLink"><a href="frankreich.htm">Frankreich</a></li>
<li class="naviLink"><a href="england.htm">England</a></li>
<li class="naviLink"><a href="Videobase.htm">Videobase</a></li>
</ul>
<ul id="einheitenübersicht">
<li>Ausbildung</li>
<li>Einsatzgebiete</li>
<li>Ausrüstung
<ul>
<li>Waffen</li>
<li>Sonstiges</li>
</ul>
</li>
</ul>
</body>
</html>
Und jetzt das CSS-Stylesheet:
Code:
html
{
background-image: url("background.jpg");
}
body
{
width: 920px;
margin: 60 auto 0 auto;
background-image: url("bodybg.png");
height: 700px;
}
a
{
font-size: 29px;
font-variant: small-caps;
}
a:link
{
color: red;
text-decoration: none;
width: 55px;
}
a:visited
{
color: red;
text-decoration: none;
}
a:active
{
text-decoration: none;
}
a:hover
{
background-image: ("hovernavi.png");
}
ul#navigation
{
width: 170px;
height: 300px;
float: left;
margin: 50px 25px 0px 10px;
padding: 0;
list-style: none;
float: left;
text-decoration: none;
}
li.naviLink {
width: 170px;
height: 48px;
margin: 0 150px 0 0;
padding: 0;
background-image: url("navibg.png");
text-align: center;
margin-bottom: 10px;
}
li.naviLink:hover
{
background-image: url("hovernavi.png");
}
h1, h2, p, h3
{
float: left;
margin: 0 0 0 0px;
}
h1
{
margin: 30px 0 0 0px;
}
p
{
width: 600px;
}
h2
{
margin: 30px 0 0 0px;
}
#aktiv
{
background-image: url("hovernavi.png");
}
#Einleitungstext
{
margin: 0px 0 0 0px;
}
#Kontakt
{
color: blue;
font-size: 15;
font-variant: normal;
position:absolute;
top: 375px;
left: 750px;
}
#header
{
margin: 0 0 50px 0;
}
#land-startseite
{
color: black;
font-size: 15px;
font-variant: normal;
margin: 30px 0 0 0px;
}
li
{
margin: 0 0 35px 0;
}
#einheitenübersicht
{
margin: 0;
border: black solid 1px;
padding: 0;
}
Ich hoffe, ihr könnt mir schnell helfen (=
Ich bedanke mich im Vorraus.
Auf ein frohes Programmieren!
lg.
Darkshot