|
|||
Abstand zwischen Listeneinträgen
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 bedanke mich im Vorraus. Auf ein frohes Programmieren! lg. Darkshot |
Sponsored Links |
Stichwörter |
abstand, css, html, liste, listeneintrag, listeneinträge, problem, zwischenraum |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit IE7 und Listeneinträgen! | RollingStones | CSS | 4 | 22.03.2007 22:55 |
Freiraum vor Listeneinträgen (Navigation) | zeitgeist | CSS | 5 | 11.09.2005 15:12 |