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
Menu hned pod obrázkem
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Menu hned pod obrázkem
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
pošli kod
pokud tam nemáš margin, padding, height, position atd. tak by to mělo být asi pixel-2px pod nim
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: Menu hned pod obrázkem
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%;
}
I skladník ve šroubárně si může psát vlastní SQL příkazy.
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Menu hned pod obrázkem
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
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;
}
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: Menu hned pod obrázkem
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>
I skladník ve šroubárně si může psát vlastní SQL příkazy.
- El Diablo
- Moderátor
-
Elite Level 11.5
- Příspěvky: 14099
- Registrován: červen 06
- Bydliště: In Hell
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Menu hned pod obrázkem
Tak zešikma?
RTFM!!! UBCD - Ultimate Boot CD Zkusili jste to vypnout a zapnout? Aneb z PIO do DMA a zpět... :) * Jak provést Clear CMOS
Kdo se moc ptá, málo googlí. Doporučený freeware
i5 3570K, ASRock Z77 Extreme, 16GB Corsair, 120GB SSD Kingston +2TB Samsung, Gigabyte Radeon HD7870, Sharkoon ReX8VE, XL-747H
Kdo se moc ptá, málo googlí. Doporučený freeware
i5 3570K, ASRock Z77 Extreme, 16GB Corsair, 120GB SSD Kingston +2TB Samsung, Gigabyte Radeon HD7870, Sharkoon ReX8VE, XL-747H
Re: Menu hned pod obrázkem
Ne, rovně samozřejmě :)))
I skladník ve šroubárně si může psát vlastní SQL příkazy.
- El Diablo
- Moderátor
-
Elite Level 11.5
- Příspěvky: 14099
- Registrován: červen 06
- Bydliště: In Hell
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Menu hned pod obrázkem
Tak to jo...
RTFM!!! UBCD - Ultimate Boot CD Zkusili jste to vypnout a zapnout? Aneb z PIO do DMA a zpět... :) * Jak provést Clear CMOS
Kdo se moc ptá, málo googlí. Doporučený freeware
i5 3570K, ASRock Z77 Extreme, 16GB Corsair, 120GB SSD Kingston +2TB Samsung, Gigabyte Radeon HD7870, Sharkoon ReX8VE, XL-747H
Kdo se moc ptá, málo googlí. Doporučený freeware
i5 3570K, ASRock Z77 Extreme, 16GB Corsair, 120GB SSD Kingston +2TB Samsung, Gigabyte Radeon HD7870, Sharkoon ReX8VE, XL-747H
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Menu hned pod obrázkem
to co to je?!
link patří do <head>, <head> ti úplně chybí
center dej pryč, umíš snad css..
link patří do <head>, <head> ti úplně chybí
center dej pryč, umíš snad css..
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: Menu hned pod obrázkem
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šší :)
K tomu center, četl jsem hlavně z jakpsatweb.cz a možnost center mi přišla jednodušší :)
I skladník ve šroubárně si může psát vlastní SQL příkazy.
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Menu hned pod obrázkem
center dej pryč, blbosti dej pryč a pošli kod, který nefunguje a není testovací typu center, center, center
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: Menu hned pod obrázkem
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.
I skladník ve šroubárně si může psát vlastní SQL příkazy.
-
- Mohlo by vás zajímat
- Odpovědi
- Zobrazení
- Poslední příspěvek
-
- 4
- 1852
-
od Zbynek1
Zobrazit poslední příspěvek
13 úno 2024 09:13
-
-
Chrome načítá stránku hned po zapnutí PC Zdroj: https://www.poradte.cz/pocitace-a-prislusenstvi/54978-chrome-nacita-stra Příloha(y)
od kellne » 13 bře 2024 09:30 » v Windows 11, 10, 8... - 4
- 2064
-
od kellne
Zobrazit poslední příspěvek
13 bře 2024 21:27
-
Zpět na “Web-tipy a vaše weby”
Kdo je online
Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 20 hostů