Menu hned pod obrázkem

Napište nám o svých webových stránkách, dejte vědět o jakémkoliv jiném zajímavém webu

Moderátoři: Myloš, Mods_senior

Uživatelský avatar
Arha
Level 4.5
Level 4.5
Příspěvky: 1825
Registrován: červen 11
Bydliště: Dačice
Pohlaví: Muž
Stav:
Offline

Menu hned pod obrázkem

Příspěvekod Arha » 02 zář 2013 21:43

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
Přílohy
Untitled 1.jpg
I skladník ve šroubárně si může psát vlastní SQL příkazy.

Reklama
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Menu hned pod obrázkem

Příspěvekod CZechBoY » 02 zář 2013 21:46

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
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

Uživatelský avatar
Arha
Level 4.5
Level 4.5
Příspěvky: 1825
Registrován: červen 11
Bydliště: Dačice
Pohlaví: Muž
Stav:
Offline

Re: Menu hned pod obrázkem

Příspěvekod Arha » 02 zář 2013 21:51

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.

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Menu hned pod obrázkem

Příspěvekod CZechBoY » 02 zář 2013 21:58

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;
}
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

Uživatelský avatar
Arha
Level 4.5
Level 4.5
Příspěvky: 1825
Registrován: červen 11
Bydliště: Dačice
Pohlaví: Muž
Stav:
Offline

Re: Menu hned pod obrázkem

Příspěvekod Arha » 02 zář 2013 22:03

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.

Uživatelský avatar
El Diablo
Moderátor
Elite Level 11.5
Elite Level 11.5
Příspěvky: 14099
Registrován: červen 06
Bydliště: In Hell
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Menu hned pod obrázkem

Příspěvekod El Diablo » 02 zář 2013 22:09

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

Uživatelský avatar
Arha
Level 4.5
Level 4.5
Příspěvky: 1825
Registrován: červen 11
Bydliště: Dačice
Pohlaví: Muž
Stav:
Offline

Re: Menu hned pod obrázkem

Příspěvekod Arha » 02 zář 2013 22:10

Ne, rovně samozřejmě :)))
I skladník ve šroubárně si může psát vlastní SQL příkazy.

Uživatelský avatar
El Diablo
Moderátor
Elite Level 11.5
Elite Level 11.5
Příspěvky: 14099
Registrován: červen 06
Bydliště: In Hell
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Menu hned pod obrázkem

Příspěvekod El Diablo » 02 zář 2013 22:14

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

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Menu hned pod obrázkem

Příspěvekod CZechBoY » 02 zář 2013 22:17

to co to je?!
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

Uživatelský avatar
Arha
Level 4.5
Level 4.5
Příspěvky: 1825
Registrován: červen 11
Bydliště: Dačice
Pohlaví: Muž
Stav:
Offline

Re: Menu hned pod obrázkem

Příspěvekod Arha » 02 zář 2013 22:22

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šší :)
I skladník ve šroubárně si může psát vlastní SQL příkazy.

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Menu hned pod obrázkem

Příspěvekod CZechBoY » 02 zář 2013 22:30

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

Uživatelský avatar
Arha
Level 4.5
Level 4.5
Příspěvky: 1825
Registrován: červen 11
Bydliště: Dačice
Pohlaví: Muž
Stav:
Offline

Re: Menu hned pod obrázkem

Příspěvekod Arha » 02 zář 2013 22:35

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

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 2 hosti