Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Poziome menu, CSS. - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Poziome menu, CSS. (/thread-poziome-menu-css)



Poziome menu, CSS. - nesquik_ - 10-04-2012

Witam,

jestem początkującym programistą, więc uprzejmie proszę o wyrozumiałość i zrozumienie. Mój problem polega na takim zapisaniu div'ów oraz pliku .css.Chodzi o to żeby w poziomym menu (do tego) było coś takiego że jak się najedzie myszą to zmienia się tło (onmouseover).
Daję kod html i css.

HTML:
Kod:
<!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">
<head>
<title>
Index
</title>
<link rel="stylesheet" type="text/css" href="style-index.css" />
</head>
<div id="logo">
    <img src="logo.png" alt="kesher praca" />
</div>
<div id="menu">
    <img src="menu-bg.png" alt="Menu" />
</div>
</html>

CSS:

Kod:
html {
background: url(bg.png);
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

#logo .img{
margin: 0 auto;
padding: 0 15px 0 5px;
no-repeat;
}

#logo, #menu {
margin-left: 15%;
}

#menu{
margin-top: 20px;
}



RE: Poziome menu, CSS. - Kartofelek - 10-04-2012

Poczytaj w necie CSS MENU. To jest maks proste, dlatego nie ma sensu tutaj pisać kolejnego tutoriala do tego.


RE: Poziome menu, CSS. - nesquik_ - 10-04-2012

Problem w tym, że nie mogę nic znaleść. Jeśli byłbyś tak miły i wysłał mi link. Będę bardzo wdzięczny.



RE: Poziome menu, CSS. - Kartofelek - 10-04-2012

google -> css menu tutorial.
Pierwszy z brzegu link:
http://www.kurshtml.edu.pl/css/poziome_menu,menu.html