Autor | Zpráva | ||
---|---|---|---|
Mesiah Profil |
#1 · Zasláno: 12. 2. 2009, 18:17:13 · Upravil/a: Mesiah
|
||
Miloš Profil |
#2 · Zasláno: 12. 2. 2009, 18:37:12
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 |
#3 · Zasláno: 12. 2. 2009, 18:41:05
V podstatě stačí lehce upravit tohle: http://teststranek.kvalitne.cz/menu5/
|
||
paja22 Profil |
#4 · Zasláno: 14. 2. 2009, 17:29:54 · Upravil/a: paja22
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 |
#5 · Zasláno: 14. 2. 2009, 17:40:07
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 |
#6 · Zasláno: 14. 2. 2009, 17:48:45 · Upravil/a: paja22
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 |
#7 · Zasláno: 14. 2. 2009, 18:06:15
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 |
#8 · Zasláno: 14. 2. 2009, 18:27:32
„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 |
#9 · Zasláno: 14. 2. 2009, 20:19:52
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 |
#10 · Zasláno: 14. 2. 2009, 22:13:35
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/ |
||
Časová prodleva: 15 let
|
0