XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Abstand zwischen Listeneinträgen (http://xhtmlforum.de/showthread.php?t=62647)

Darkshot 11.10.2010 20:04

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 hoffe, ihr könnt mir schnell helfen (=

Ich bedanke mich im Vorraus.

Auf ein frohes Programmieren!



lg.
Darkshot

uspri 11.10.2010 20:14

HTML-Code:

li
    {
    margin: 0 0 35px 0;
    }

Da solltest Du ansetzen.

Darkshot 11.10.2010 20:43

Toll, hat geklappt!

Danke für die schnelle Hilfe.


lg.


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:47 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2022, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020