Jak obniżyć pionowe menu?

pytanie zadane 5 września 2016 w HTML i CSS przez schumix Początkujący (330 p.)
zamknięte 5 września 2016 przez schumix

Witam.
Tworzę stronkę i natrafiłem na pewien problem.
Strona ma posiadać główne poziome menu oraz menu pionowe po lewej stronie.

Niestety gdy próbuję obniżyć menu pionowe w css (margin-top), menu poziome również leci mi w dół.

Co zrobić żeby obniżyć tylko pionowe menu?

<!DOCTYPE HTML>
<html>
<head>

	<title>Motocykl</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="style.css" type="text/css" />
	
	
	</head>
	<body>
	
	
	<ul id="topnav">
	<li><a href="historia.html">HISTORIA</a></li>
	<li><a href="sport.html">SPORT</a></li>
	<li><a href="enduro.html">ENDURO</a></li>
	<li><a href="turystyczne.html">TOURING</a></li>
	<li><a href="cruisery.html">CRUISER</a></li>
	<li><a href="naked.html">NAKED</a></li>
	<li><a href="choppery.html">CHOPPER</a></li>
	<li><a href="strona.html">ABOUT</a></li>
	</ul>
	
	<ul id="bar">
	<li><a href="aprilia.html">Aprilia</a></li>
	<li><a href="bmw.html">BMW</a></li>
	<li><a href="ducati.html">Ducati</a></li>
	<li><a href="harley.html">Harley Davidson</a></li>
	<li><a href="honda.html">Honda</a></li>
	<li><a href="kawasaki.html">Kawasaki</a></li>
	<li><a href="ktm.html">KTM</a></li>
	<li><a href="yamaha.html">Yamaha</a></li>
	<li><a href="suzuki.html">Suzuki</a></li>
	<li><a href="romet.html">Romet</a></li>
	
	</ul>
	
	
	</body>
</html>

CSS:

body
{
	background-image: url("tlo.jpg");
}



#topnav 
{

width:800px;
margin:0 auto;
list-style:none;
margin-top:
}
#topnav li {
float:left;
}
#topnav a {
display:block;
text-align:center;
width:100px; /* fixed width */
text-decoration:none; 
color: white;
background-image: url("black.jpg");
}

#bar
{
	margin-top:100px;
	font-size:19px;
	list-style-type:none;
	width:100px;
	
}

#bar li a 
{
	padding:15px;
	display: block;
	color: white;
	padding: 8px 16px;
	text-decoration: none;
	
	
}

#bar li a:hover
{
	background-color: #000000;
	color:white;
}

komentarz zamknięcia: rozwiązane

2 odpowiedzi

odpowiedź 5 września 2016 przez skav3n Gaduła (3,900 p.)

Wyczyść floata w poziomym menu.

#topnav:after { content: ''; display: block; clear: left; }

komentarz 5 września 2016 przez Czort Nałogowiec (32,500 p.)

Ewentualnie position:absolute w #topnav.

odpowiedź 5 września 2016 przez Thomas Frost Bywalec (2,540 p.)

Podobne pytania

Zaloguj lub zarejestruj się, aby skomentować.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci