| Autor | Zpráva | ||
|---|---|---|---|
| ellhonza Profil |
#1 · Zasláno: 19. 5. 2013, 16:20:51
Trochu jsem hledat, ale nepovedlo se mi to. Tak vás žádám o tip jak vytvořit takovéto jednoduché CSS menu.
http://wayra-developers.cz/blog/ |
||
| martin1312 Profil |
#2 · Zasláno: 19. 5. 2013, 16:31:29
všetko, čo k tomu potrebuješ je na tej stránke, HTML aj CSS.
|
||
| ellhonza Profil |
#3 · Zasláno: 19. 5. 2013, 16:49:00
Koukám na to a nevím udělal jsem tabulku, a v ní vždy text, ale co dál ? Rámeček tabulky je moc široký a to mám border "1".....
|
||
| final Profil |
ellhonza:
„Koukám na to a nevím udělal jsem tabulku“ na tom odkaze a prakticky všade je menu spravené pomocou tagov ul,li,(a), nevidím dôvod prečo to robiť pomocou tabuľky
|
||
| ellhonza Profil |
#5 · Zasláno: 19. 5. 2013, 19:35:41
Takže nějak pomocí CSS udělat rámy, poskládat vodorovně a nějak po přejetí myší, aby to blikalo ?
|
||
| T.Thomas Profil * |
#6 · Zasláno: 19. 5. 2013, 20:27:17
|
||
| ellhonza Profil |
#7 · Zasláno: 19. 5. 2013, 20:59:42
Geniální zítra na to mrknu ;)
|
||
| Petr ZZZ Profil |
#8 · Zasláno: 19. 5. 2013, 23:29:38
Na stránce odkázané T.Thomasem [#6] je použit pseudoelement
:after, který není podporován napříč prohlížeči. Osobně bych čistil klasickým čističem (ne clearfixem; viz též Názory na clearfix).
Ellhonzo, raději se podívej na výběr různých menu na Bubákově stránce; jen si dej pozor na to, že u některých je nutno zakončit plavání, nejlépe čističem. Jako čistič můžeš použít třeba element <br>, nějak takto (poradil mi kdysi habendorf):
CSS: .cistic { clear:both; font-size:0; line-height:0; height:0; }
HTML: <br class="cistic">
|
||
| peta Profil |
#9 · Zasláno: 20. 5. 2013, 10:49:51
http://interval.cz/hotova-reseni/pro-css/
* Vertikální menu s komentáři * Horizontální menu s vertikálním písmem * Horizontální menu s náhledem stránky * Horizontální obrázkové blokové menu s popisem http://peter-mlich.wz.cz/web/html/pr/index.htm#menu <style>
#nav ul, #nav li {display:inline; margin:0; padding:0; list-style-type:none;}
#nav p {display:none;}
</style> |
||
|
Časová prodleva: 11 let
|
|||
0