Stránka 1 z 2
Menu hned pod obrázkem
Napsal: 02 zář 2013 21:43
od Arha
Dobrý večer, jsem tu zase :)
Dělám si své webové stránky. Nejsem v tom nijak zběhlý, ale pár znalostí s CSS a HTML mám. Mám však dotaz. Jak nastavím, abych měl menu hned pod obrázkem? A ne nějakých 10px pod ním?
Pro lepší představu přiložen "obrázek" :)
Děkuji
Re: Menu hned pod obrázkem
Napsal: 02 zář 2013 21:46
od CZechBoY
Zdravím,
pošli kod
pokud tam nemáš margin, padding, height, position atd. tak by to mělo být asi pixel-2px pod nim
Re: Menu hned pod obrázkem
Napsal: 02 zář 2013 21:51
od Arha
CSS
Kód: Vybrat vše
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
background: #efefef;
background: linear-gradient(top, #efefef 0%, #336600 100%);
background: -moz-linear-gradient(top, #99cc00 0%, #336600 100%);
background: -webkit-linear-gradient(top, #99cc00 0%,#336600 100%);
box-shadow: 0px 0px 0px rgba(0,0,0,0.15);
padding: 0 10px;
border-radius: 10px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
background: #4b545f;
background: linear-gradient(top, #666699 0%, #333366 40%);
background: -moz-linear-gradient(top, #666699 0%, #333366 40%);
background: -webkit-linear-gradient(top, #666699 0%,#333366 40%);
}
nav ul li:hover a {
color: #fff;
}
nav ul li a {
display: block; padding: 20px 40px;
color: #ffffff; text-decoration: none; font-style: black; font-weight: bold; font-size: 18px; line-height: 1.5; font-family: Nexa Bold
}
.fix{
position:fixed;
bottom:0px;
left:0%;
}
Re: Menu hned pod obrázkem
Napsal: 02 zář 2013 21:58
od CZechBoY
nav by měl být tag na menu, ul tam už dávat nemusíš
pošli ještě html, ale řekl bych, že ti chybí tenhle kod
Kód: Vybrat vše
nav > ul > li ul > li {
position: absolute;
}
Re: Menu hned pod obrázkem
Napsal: 02 zář 2013 22:03
od Arha
Je to v počátku,proto žádný obsah :)
Kód: Vybrat vše
<!DOCTYPE html>
<html>
<body>
<center><a href="http://www.xy.com"><img src="header.png" alt="obrázek" border="0"></a></center>
<link href="css/style.css" type="text/css" rel="stylesheet">
<center><nav>
<ul>
<li><a href="#">xy</a></li>
<li><a href="#">xy</a></li>
<li><a href="#">xy</a></li>
<li><a href="#">xy</a></li>
</ul>
</nav></center>
<img src="pozadi.png" class="fix"/>
</body>
</html>
Re: Menu hned pod obrázkem
Napsal: 02 zář 2013 22:09
od El Diablo
Tak zešikma?
Re: Menu hned pod obrázkem
Napsal: 02 zář 2013 22:10
od Arha
Ne, rovně samozřejmě :)))
Re: Menu hned pod obrázkem
Napsal: 02 zář 2013 22:14
od El Diablo
Tak to jo...
Re: Menu hned pod obrázkem
Napsal: 02 zář 2013 22:17
od CZechBoY
to co to je?!
link patří do <head>, <head> ti úplně chybí
center dej pryč, umíš snad css..
Re: Menu hned pod obrázkem
Napsal: 02 zář 2013 22:22
od Arha
Samozřejmě vím, že head tam nemám a patří do něj link :)
K tomu center, četl jsem hlavně z jakpsatweb.cz a možnost center mi přišla jednodušší :)
Re: Menu hned pod obrázkem
Napsal: 02 zář 2013 22:30
od CZechBoY
center dej pryč, blbosti dej pryč a pošli kod, který nefunguje a není testovací typu center, center, center
Re: Menu hned pod obrázkem
Napsal: 02 zář 2013 22:35
od Arha
V pohodě, však každý je odborník na něco jiného :) Mám teď problém s tím menu, na to center se podívám.