zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Abstand zwischen Listeneinträgen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.10.2010, 20:04
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
  #2 (permalink)  
Alt 11.10.2010, 20:14
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

HTML-Code:
li
    {
    margin: 0 0 35px 0;
    }
Da solltest Du ansetzen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.10.2010, 20:43
ist neu hier
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2010
Ort: Berlin
Beiträge: 18
Darkshot befindet sich auf einem aufstrebenden Ast
Standard

Toll, hat geklappt!

Danke für die schnelle Hilfe.


lg.
Mit Zitat antworten
Antwort

Stichwörter
abstand, css, html, liste, listeneintrag, listeneinträge, problem, zwischenraum

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:05 Uhr.