Stránka: 1 z 1
| [ Príspevkov: 21 ] | |
| Autor | Správa |
|---|
Registrovaný: 02.01.14
Prihlásený: 29.01.16
Príspevky: 13
Témy: 5 | 5 |
Nazdar chcel by som sa spýtať či poznáte spôsob ako spraviť menu ktoré po nabehnutí myšou sa pod tým ukáže ďalšie možnosti (dropdown menu). Takéto menu poznám spôsob pomocou zoznamu(tagov ul a li) . Ale ak by bol aj iný spôsob bol by som veľmi rád za rady.
|
|
|
Tak najcastejsie sa pouzivaju prave ul, li, pretoze to dava zmysel. Samozrejme mozes pouzit aj obycajne divy a nastylovat si to ako chces, ale preco by si to robil, ked mozes pouzit ul li? Aky je zmysel otazky? Chces sa naucit nieco nove, alebo z nejakeho dovodu nemozes pouzit ul li
|
|
Registrovaný: 02.01.14
Prihlásený: 29.01.16
Príspevky: 13
Témy: 5 | 5 |
Ja nie som v html a css pokročilý ale tak toto som zatiaľ vytvoril: Kód: http://skola.extrem-host.eu/skola/ a to menu chcem spraviť hore, a kód toho doterajšieho menu: Kód: <table width="970" height="20" border="5" bordercolor="grey" cellspacing="0" align="center" style="border-bottom: hidden; margin-top: 1px;" bgcolor="#CCCCCC"><tr><td> <div align="center"> <a class="block-button1" href="uvod.html" target="hlavne"><img src="images/home.png"> Domov</a> <a class="block-button1" href="kontakt.html" target="hlavne"><img src="images/kontakt.png"> Kontakt</a> <a class="block-button1" href="cenik.html" target="hlavne"><img src="images/kontakt.png"> Cennik</a> </div> </td></tr></table>
|
|
Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9 |
lukyno: nie je dovod nepouzivat ul, li - na to je to urcene kedze menu je zoznam (list) odkazov. na tabulky zabudni, nepouzivaj ich! a uz vobec nie tak ako si to predviedol. tabulky sa pouzivaja na tvorbu tabuliek, nie na strukturu stranky. menu sa da vytvorit vselijako - len z divov, len z odkazov, kombinaciou vsetkeho mozneho je to na tebe, ale best practice je Kód: <nav> <ul> <li>...</li> <li>...</li> ... </ul> </nav>
|
|
Registrovaný: 02.01.14
Prihlásený: 29.01.16
Príspevky: 13
Témy: 5 | 5 |
tak je potom lepšie toto? Kód: HTML: <div align="center" class="menu"> <a class="block-button1" href="uvod.html" target="hlavne"><img src="images/home.png"> Domov</a> <a class="block-button1" href="kontakt.html" target="hlavne"><img src="images/kontakt.png"> Kontakt</a> <a class="block-button1" href="cenik.html" target="hlavne"><img src="images/kontakt.png"> Cennik</a> </div> CSS: .menu { margin-left: 309px; border: 5px solid; border-color: grey; border-bottom: hidden; width: 957px; height: 31px; background-color: #CCCCCC; }
|
|
|
Povedali sme ti co je best practice, preco sa pytas, ci horsie je lepsie  A ta tabua v prvom rieseni je uplne zla.
|
|
Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9 |
toto tam nedavaj - align="center" na to je css
a takisto ikonky pre menu nevkladaj ako obrazok, ale cez css ako background. a ani nebudes potrebovat
border-bottom: hidden - hidden neexistuje pre border
|
|
Registrovaný: 02.01.14
Prihlásený: 29.01.16
Príspevky: 13
Témy: 5 | 5 |
to hidden pri border-bottom mi funguje. a ako teraz dám do toho to podmenu ? .. vnorím ďalší div do toho prvého? Zoznamom ul a li mi to nefunguje( možno len preto že to neviem dobre spraviť, ale ja to musím všetko spraviť a nemôžem kopírovať kódy z netu lebo to mám ako prácu do školy)
|
|
Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9 |
toto by ti na menu malo stacit a zvysok by si si mal vystacit s CSS (popridavaj triedy ak treba) a popripadne JS (ale nie je nutny). Kód: <nav> <ul class'menu'> <li> <a href="#" class='home'>menu1</a> <ul class='submenu'> <li><a href="#">submenu1</a></li> <li><a href="#">submenu2</a></li> <li><a href="#">submenu3</a></li> </ul> </li> <li> <a href="#" class='kontakt'>menu2</a> <ul class='submenu'> <li><a href="#">submenu1</a></li> <li><a href="#">submenu2</a></li> <li><a href="#">submenu3</a></li> </ul> </li> <li> <a href="#">menu3</a> <ul class='submenu'> <li><a href="#">submenu1</a></li> <li><a href="#">submenu2</a></li> <li><a href="#">submenu3</a></li> </ul> </li> </ul> </nav> to hidden ti 'funguje' iba preto, lebo to berie ako nespravnu hodnotu a preto nezobrazi nic.
|
|
Registrovaný: 02.01.14
Prihlásený: 29.01.16
Príspevky: 13
Témy: 5 | 5 |
a to nemôžem tak nechať ten hidden aj keď je to len nesprávna hodnota? .... a načo je dobrý ten tag <nav> s ním aj bez neho to jednoduchí menu čo si tu pridal vyzerá rovnako
|
|
Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno |
Nemozes, daj tam 0. A <nav> nie je dobry na nic, mozes ho dat prec.
|
|
Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9 |
je dobry zo semantickeho hladiska. nie je nevyhnutny ale prave na to je urceny
|
|
Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5403
Témy: 30 | 30
Bydlisko: Bratislava |
Z akého sémantického hľadiska? Staršie prehliadače to neprečítanú a nové prehliadače/vyhľadávače/čítačky si poradia s "klasickým" menu.
_________________
Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme. |
|
|
Shaggy, ty vyvijas kod, ktory sa ma pouzivat len mesiac alebo rok? O par rokov budu <nav> rozpoznavat vsetky prehliadace a verim tomu, ze tieto nove html5 semanticke tagy najdu svoje uplatnenie. Tak preco sa nenaucit vyuzivat ich uz teraz.
|
|
Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9 |
mas pravdu, mali sme ostat pouzivat tabulky...
nejde o konstrukciu, ale o semantiku webu. je jedno ci je tam div alebo nav, ale nav bol navrhnuty presne na tento ucel. mas pravdu nepodporuju - resp. nepodporuje ie8 - to normalize riesi, netreba robit nic naviac.
pouzivam semanticke tagy article, section, nav, footer, header ... vsade, kde sa to hodi a nemam problem ani pri ie7.
|
|
Registrovaný: 21.09.13
Prihlásený: 04.04.26
Príspevky: 2111
Témy: 77 | 77
Bydlisko: Považská By... |
aby sa ti to zmenilo tak Kód: .trieda{
xyz
background: url('cesta');
.trieda::hover{
background: url('stlaceny_obrazok');
}
} Ja keď kodim menu v html (doooosť malo) tak použijem <div><li>Domov napriklad</li></div>
_________________
Nesnívaj svoj život, ale ži svoj sen. |
|
Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9 |
kralice: Kód: .trieda {
xyz
background: url('cesta');
}
// v css sa neda vnarat
// jedna dvojbodka
.trieda:hover {
background: url('stlaceny_obrazok');
}
li nemoze byt v div - musim byt priamo v ul alebo ol. a ako inak kodis menu ak nie v html?
|
|
Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno |
hatto13 píše: nav bol navrhnuty presne na tento ucel. Ked si precitas nieco o (ozajstnej) historii HTML 5, zistis, ze tieto elementy navrhol akysi panko pohladom z okna bez analyzy a nejakou nahodou v specifikacii ostali, kde sa ich potom chytili nadsenci a zrazu sa z toho robi nieco, bez coho sme nemohli zit. Aky realny prinos si spozoroval, odkedy pouzivas tieto znacky? Ja napriklad stale nerozumiem, preco sa upusta od pouzivania <menu> + <li> (okrem toho, ze v HTML 5 ma <menu> spraseny semanticky vyznam).
|
|
Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9 |
ideme teraz rozoberat detaily ako bol navrhnuty?
napisal som mu best practice pre menu. je jedno ci tam das nav/div/menu fungovat bude rovnako. nav a menu sa lepsie hlada v kode a upravuje v css. a ohladom toho menu - ak si pozriet specifikaciu a aj dokumenty tak zistis ze je viac zamerany na menu v zmysle apikacie (buttony pre rte, ulozit, nahrat) a aj vacsina cms pouziva nav. ale ako som pisal, je to jedno. teraz je to nav o 2 roky to bude nieco ine
|
|
Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5403
Témy: 30 | 30
Bydlisko: Bratislava |
Ďuri - ja som používal menu ešte predtým, než to bolo cool (čiže som vlastne hipster). A potom ma pri jednej z návštev v ÚNSS upozornili na to, že s nim majú problém čítačky (aj keď nešlo o nový element). hatto13 - nemám pocit, že by použitie určitého elementu + dotiahnutie JS knižnice pre staršie prehliadače bolo považované za best practice. Aký je prínos nav oproti UL? // diky za info ; ) duri
_________________
Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme. |
|
Registrovaný: 02.01.14
Prihlásený: 29.01.16
Príspevky: 13
Témy: 5 | 5 |
ďakujem všetkým za odpovede, niečo poskúšam a dúfam že to už konečne spravím  // Spojený príspevok Štv 22.05.14 8:06ale chcel by som sa ešte spýtať že ako zamedzím tomu že, ja mám stránku teraz spravenú pomocou toho div a cez css to mám odsunuté určitými pixelmi. Ale keď to zobrazím na monitore s väčším rozlíšením tak mi to odsunie. Dá sa tomu nejako zabrániť?
|
|
Stránka: 1 z 1
| [ Príspevkov: 21 ] | |
|
