Autor Zpráva
Mesiah
Profil
Zdravicko,
prosim Vas, jak bych mohl udelat takoveto menu?
Odkaz
Miloš
Profil
Obrázky namalovat nebo ukrást, v HTML nakódovat menu jako seznam (<menu> nebo <ul>), v CSS nastylovat – jednotlivým <li> odebrat odrážku (list-style-type: none) a každé (pomocí ID, tedy v css #li nebo #li a) nastavit příslušný obrázek na pozadí (background-image) (text poodsunout levým paddingem).

Na otázku, proč background-image, když existuje list-style-image – obrázek na pozadí se dá snadno napozicovat, obrázková odrážka ne.
Bubák
Profil
V podstatě stačí lehce upravit tohle: http://teststranek.kvalitne.cz/menu5/
paja22
Profil
A nevíte jak udělat aby takhle bylo jen to menu ? Já to zkusil a mění se takhle každý odkaz. To menu je v css pokud vim a mě by zajímalo jestli by nešlo aby odkazy napsané v html byli prostě normální a né jako to menu.

Šlo by to ?
Miloš
Profil
paja22
Tvůj příspěvek jsem přečetl několikrát, ale stejně jsem nepochopil, na co se ptáš. A protože se to odmítám domýšlet, tak ti neposkytnu odpověď.
Víš co je to interpunkce? Mohl bys ji, prosím, vhodně používat? Jestliže své příspěvky rozčleníš do vět, jistě budou srozumitelnější.
paja22
Profil
jo něco o tom vim a co nechápeš ?

tady je kód v kterym by to mohlo jít ale já nevim jak

  <style media="all" type="text/css">
    body {
      color: #ffff00;
      background :  #a9a9a9 none;}
    #page {
      width: 650px;
      margin-left: auto;
      margin-right: auto;
      padding: 5em;
      color: #000000;
      background :   #696969 none;}
    menu {
      width: 880px;
      margin: 0 auto;
      padding: 0;
      background: #00bfff;}
    li {
      float: left;
      list-style: none;
      height: 30px;
      line-height: 30px; /* vertikalni centrovani */}
    a	{
      display: block;
      width: 90px;
      height: 100%;
      background: url(menu.png) no-repeat left #bbc;
      text-align: center;
      color:  #00bfff;}
    a:hover, a:active, a:focus {
      background: url(menu.png) no-repeat right #eed;
      color: #000000}
</style>
Bubák
Profil
Normální menu se dneska dělá v HTML tagy UL (nebo MENU), LI, A. Chápou to vyhledávače, čtečky, dobře se to styluje a dobře to vypadá i bez CSS.
Jestli chceš chumel odkazů, tak to jde, ale s tím ti nepomůžu.
Bubák
Profil
jo něco o tom vim
To je dobře, já taky něco vím.

tady je kód v kterym by to mohlo jít ale já nevim jak
A HTML k tomu máš kde? To je, jak kdybys měl benzín, a neměl auto.
Dal jsi obrázek vertikálního menu, vlepil jsi sem kód horizontálního menu. Též jsi to mé menu mohl rovnou odkázat.

Takže jaké menu vlastně chceš?
paja22
Profil
Bubák
Tohle téma založil někdo jiný já sem to jen využil když už to někdo založil. Takže horizontální a odkaz je tady: http://www.padlou.wz.cz..
Bubák
Profil
Pokud chceš, aby se podle uvedené deklarace chobaly jen odkazy v menu, musíš je zaměřit (kontextovou deklarací):
menu a {tvoje: deklarace;}
menu a:hover, menu a:active, menu a:focus {tvoje: deklarace;}

www.jakpsatweb.cz/css/css-odkazy-class.html
http://interval.cz/clanky/kaskadove-styly-v-dobrem-stylu/

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: