• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Mała korekta błędu.

VPS Starter Arubacloud
0 głosów
94 wizyt
pytanie zadane 11 stycznia 2018 w HTML i CSS przez Yorweth Obywatel (1,310 p.)

Witam

chciałbym prosić o wyjaśnienie jednej małej korekty błędu. Otóż przy menu rozwijanym, po najechaniu lista wyświetla się zbyt wysoko, najeżdża na górne opcje, proszę o pomoc i wyjaśnienie co było źle. 

Ogółem jeśli macie jeszcze jakieś sugestie chętnie je przyjmę. 

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="UTF-8"/>
	<title>AlphaRank</title>
	<meta name="description" content="Strona poświęcona podzespołom komputerowym. Spis parametrów, modeli, cen oraz ranking wydajności/opłacalności danego sprzętu."/>
	<meta name="keywords" content=""/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
	<div id="container">
		<div id="header">
				<div id="logo">
					<a href="index.html">
						<img width="80" height="80" src="logo.png"/>
					</a>
				</div>
			
			<div id="nav">
				<ol>
					<li>
						Spis podzespołów
							<ul>
								<li><a href="x">Proceosry</a></li>
								<li><a href="x">Karty graficzne</a></li>
								<li><a href="x">Płyty główne</a></li>
								<li><a href="x">Pamięć operacyjna</a></li>
								<li><a href="x">Zasilacze</a></li>
							</ul>
					</li>
					<li>
						Peryferia
							<ul>
								<li><a href="x">Monitory</a></li>
								<li><a href="x">Myszyki</a></li>
								<li><a href="x">Klawiatury</a></li>
								<li><a href="x">Słuchawki</a></li>
								<li><a href="x">Mikrofony</a></li>
								<li><a href="x">Nagłośnienie</a></li>
							</ul>
					</li>
					<li>
						Dodatki
							<ul>
								<li><a href="x">Obudowy</a></li>
								<li><a href="x">Dyski SSD</a></li>
								<li><a href="x">Dyski HDD</a></li>
								<li><a href="x">Ledy</a></li>
							</ul>
					</li>
				</ol>
			</div>
			
		</div>
	<div>
</body>
</html>
body
{
	background-image: url(backgrounds/b1.png);
	/* Background pattern from Subtle Patterns */
	color: black;
	margin:0;
}
#container
{
	width:100%;
	height:100%;
	margin-left: auto;
	margin-right:auto;
}
#header
{
	height:148px;
	width:100%;
	background-color: white;
	border-bottom:2px dotted white;
}
#logo
{
	height:80px;
	width:80px;
	padding: 10px;
}
#nav
{
	width:100%;
	text-align:center;
	height:48px;
}
ol
{
	margin:0;
	padding:0;
	display: inline-block;
	font-size: 18px;
}
ol a
{
	color: black;
	text-decoration: none;
	display: block;
}
ol > li
{
	list-style-type: none;
	float:left;
	height:33px;
	width:200px;
	padding-top: 15px;
	border-right: 1px dashed gold;
}
ol > li:first-child
{
	border-left: 1px dashed gold;
}
ol > li:hover
{
	background-color: white;
}
ol > li > ul
{
	display: none;
	padding:0;
	margin:0;
	height:40px;
}
ol > li > ul > li
{
	list-style-type: none;
	position: relative;
	z-index: 100;
	background-color: white;
	border:1px dashed gold;
	height: 30px;
	padding-top:15px;
}
ol > li:hover > ul
{
	display:block;
}

 

1 odpowiedź

+1 głos
odpowiedź 11 stycznia 2018 przez Nicolaus Dyskutant (9,740 p.)
wybrane 12 stycznia 2018 przez Yorweth
 
Najlepsza
Myślę, że wystarczy dodać do ul margin-top np. 14px

Podobne pytania

0 głosów
1 odpowiedź 139 wizyt
pytanie zadane 29 stycznia 2016 w HTML i CSS przez Headhunter Gaduła (4,450 p.)
0 głosów
1 odpowiedź 254 wizyt
pytanie zadane 15 kwietnia 2023 w Assembler przez Noizz00 Użytkownik (910 p.)
+2 głosów
0 odpowiedzi 167 wizyt
pytanie zadane 15 kwietnia 2021 w SQL, bazy danych przez pjajdyk Nowicjusz (140 p.)

92,453 zapytań

141,262 odpowiedzi

319,086 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...