Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 11.10.2010, 20:04
Darkshot Darkshot ist offline
ist neu hier
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2010
Ort: Berlin
Beiträge: 18
Darkshot befindet sich auf einem aufstrebenden Ast
Lächeln 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
Mit Zitat antworten
Sponsored Links