Linsk kleben an einer Stelle

RedDrag · 26 August 2008

Hi,

also ich bin gerade dabei eine Navigation zu erstellen, aber die Links in der Navi kleben einfach an einer Stelle.
Wenn ich jetzt das div in dem die Links sind verkleinere, geht nur Hintergrund der Links entsprechend weg.

HTML-Code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>

    <title>Titel</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta http-equiv="conten-style-type" content="text/css"/>
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly" />

    <link href="style.css" type="text/css" rel="stylesheet" />


</head>

<body>
<img style="margin:1px 19em 0px 19em" src="Clan_SfL_banner.jpg" border="3" alt="Sniper for Life"/>
<div id="div1">
<ul>
<li class="navilinkabstand"><a href="index.htm">Home</a></li>
<li class="navilinkabstand"><a href="Member.htm">Member</a></li>
<li class="navilinkabstand"><a href="Clanwars.htm">Clanwars</a></li>
<li class="navilinkabstand"><a href="Downloads.htm">Downloads</a></li>
<li class="navilinkabstand"><a href="Contact.htm">Contact</a></li>
</ul>
</div>
<div id="div2"></div>





</body>

</html>

CSS-Code:

Code:

body {background-image:url(Streifen2.bmp);}
a:link {font-style:normal; text-decoration:none; color:#000000; background-color:#006000; display: block;}
a:visited {font-style:normal; text-decoration:none; color:#000000; background-color:#006000; display: block;}
a:focus {font-style:normal; text-decoration:none; color:#000000; background-color:#009900; display:block;}
a:hover {font-style:normal; text-decoration:none; color:#000000; background-color:#009900; display:block;}
a:active {font-style:normal; text-decoration:none; color:#000000; background-color:#009900; display:block;}

#div1 {float:left; width:5em; height:22em; margin:2em 0em 0em 4em; text-align:center; background-color:#626262;}
li {list-style-type:none;}
.navilinkabstand {padding-bottom:1em;}

#div2 {width:27em; height:35em; margin:3em 0em 0em 17em; background-color:#000000;color:green;}

Ich weiß langsam echt nichtmehr wie ich die Navi hinkriegen soll:-?

------
RD

Loon3y · 27 August 2008

Das erste was mir auffällt ist, dass du deine navi nicht in ein div stopfen musst, du kannst auch der navigation das css-layout zuordnen.

Den rest muss ich mir erstmal anschauen *g* aber änder das erstmal ab bitte.

Code:

<ul id="div1">
<li>.....</li>
.
.
.
</ul>

EDIT: Setze deinen Banner mal in <h1> <img src=.... /> </h1> bitte... und mache am ende <.... /> ein leerzeichen vor dem / .

RedDrag · 27 August 2008

Also ich weiß jetzt woran es lag.
Ich musste für ul noch margin:0; angeben.

Das dumme ist nur, dass es beim FF immernoch gleich ist.

Also irgendwie lag es daran, dass ich es in einem div drin hatte.
Ich hab jetzt also das div weggemacht und ul die id div1 zugewiesen(und div ul gelöscht)
und da dann noch padding:0 zugeschrieben.

Jetzt gehts:grin:

Linsk kleben an einer Stelle

RedDrag

Guest

Loon3y

Neues Mitglied

RedDrag

Guest

Neueste Beiträge