Stránka: 1 z 1
| [ Príspevkov: 12 ] | |
Autor | Správa |
---|
Registrovaný: 21.09.08 Prihlásený: 14.11.17 Príspevky: 225 Témy: 74 | 74 Bydlisko: Michalovce |
Nazdarek. Chcel by som poprosit, keby mi niekto vysvetlil co presne znamena toto:
<ul id="menu">
<li class="menu"><a href="?stranka=home" title="Domov">Domov</a></li>
<li><a href="?stranka=uzivatelia" title="Uživatelia">Uživatelia</a></li>
</ul>
CSS sa este len ucim, tak by ma zaujimalo, co presne je to UL, LI preco je to takto a nepisu sa len samostatne odkazy. A tiez by som chcel poprosit, keby mi niekto mohol poradit, ako potom napisat v externom css subore
a:visited {color: navy} a:active {color: black} a:hover {color: red; text-decoration: underline}
aby som to potom mohol pouzit pri hore uvedenom zapise odkazov...
Dakujem za odpovede alebo za linky, kde by som tie odpovede nasiel..
|
|
Registrovaný: 17.10.06 Prihlásený: 08.01.11 Príspevky: 1752 Témy: 17 | 17 |
ul je necislovany zoznam (unordered list) a elementy li (list item) su polozky zoznamu. menu je zvykom takto robit koli pristupnosti. co sa tyka toho css, tak ono by ti to na toto menu malo fungovat bez problemu. pokial ale chces, aby ti dany zapis fungoval len na menu a na ine odkazy chces iny styl, v tom pripade to zapis ako ul#menu li a:visited {}
_________________ A Real Programmer might or might not know his wife's name. He does, however, know the entire ASCII code table. |
|
Registrovaný: 21.09.08 Prihlásený: 14.11.17 Príspevky: 225 Témy: 74 | 74 Bydlisko: Michalovce |
Suchy, dik za odpoved...Ale chcem ta poprosit o troska podrobnejsie vysvetlenie..Teda ak mi to chces vysvetli..Pises ze sa to robi kvoli pristupnusti..
Je nejaky rozdiel v tom ak by som to zapisal len ako samostatny odkaz : a href="..." alebo ako zoznam?? Aky to ma vplyv na chod stranky resp. na to co sa zobrazi uzivatelovi?? A este jedna otazocka.. Ak chcem teda v externom css subore nadefinovat odkazy, tak to bude vyzerat takto? :
ul#menu li a:visited {color: navy}
ul#menu li a:active {color: black}
ul#menu li a:hover {color: red; text-decoration: underline}
A potom v samostatnom kode stranky pouzijem uz iba <ul id="menu">
<li class="menu"> ???
|
|
Registrovaný: 17.10.06 Prihlásený: 08.01.11 Príspevky: 1752 Témy: 17 | 17 |
to class=menu tam byt nemusi. ide o to, ze ak mas viac odkazov za sebou (menu) a ty si to nejak nastylujes v css, tak to vyzera dobre. ale akonahle vypnes styly, pozeras web napriklad na nejakom pda ci v mobile, pripadne to spravis z ineho dovodu, odkazy sa ti zleju do jedneho riadka a cele to posobi strasne neprehladne. no pri pouziti zoznamu mas pekny strukturovany zoznam odkazov, ktory sa dobre cita.
_________________ A Real Programmer might or might not know his wife's name. He does, however, know the entire ASCII code table. |
|
Registrovaný: 21.09.08 Prihlásený: 14.11.17 Príspevky: 225 Témy: 74 | 74 Bydlisko: Michalovce |
Suchy, dik za vysvetlenie..
|
|
Registrovaný: 21.09.08 Prihlásený: 14.11.17 Príspevky: 225 Témy: 74 | 74 Bydlisko: Michalovce |
No stale skusam odkazy pomocou <UL> a <li> ale stale mi to robi to, ze mi to hodi odrazky k odkazu a ulozi ich pod seba.. lenze ja ich chcem mat v jednom riadku a bez odrazok..
mam to takto (zjednodusene) :
Kód: <td class="odkazy" width="800" height="30" colspan="2" align="center" bgcolor="#333333"> <ul id="odkaz"> <li><a href="index.php?clanek=uvod">Uvod</a></li> <li><a href="index.php?clanek=odkazovac">Odkazy</a></li> </ul> </td> a v css subore to mam takto: Kód: .odkazy { font-style: normal; FONT-SIZE: 14px; font-weight: bold; COLOR: #CCCCCC; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-ALIGN: right }
ul#odkaz li a {text-decoration: none} ul#odkaz li a:link {color: #CCCCCC} ul#odkaz li a:visited {color: #CCCCCC} ul#odkaz li a:active {color: #c70607} ul#odkaz li a:hover {color: #c70607; text-decoration: underline}
Uz som skusal pridat aj LIST-STYLE-TYPE: none a pod... ale stale je to rovnake..
Neviete mi niekto poradit, pomoct?? Ako dostat tie odkazy vedla seba do jedneho riadku bez odrazok???
//zdrojak do code (stenley)
|
|
Registrovaný: 30.04.08 Prihlásený: 15.05.15 Príspevky: 884 Témy: 3 | 3 |
Skus dat
Kód: ul#odkaz li { list-style: none; } ul#odkaz li { display: inline; }
A nabuduce, ked posielas zdrojaky, daj ich do [code ]...
_________________ Empty your memory, with a free()… like a pointer! If you cast a pointer to an integer, it becomes the integer, if you cast a pointer to a struct, it becomes the struct… The pointer can crash…, and can overflow… Be a pointer my friend… |
|
Registrovaný: 03.04.08 Prihlásený: 10.12.19 Príspevky: 4667 Témy: 37 | 37 Bydlisko: Trnava |
do li a acka daj float:left..
//list style:none s tym nema nic spolocne tym si iba dal ze sa ti nebude zobrazovat ten kruzok pri odkazoch..
_________________ Hmmm .... Hrošíček ... [Homer] |
|
Registrovaný: 21.09.08 Prihlásený: 14.11.17 Príspevky: 225 Témy: 74 | 74 Bydlisko: Michalovce |
Dik za rady. Spravil som to nejako takto a uz to funguje.. Neviem sice ci je to uplne spravne, ale uz to aspon vyzera tak ako by som chcel
Tu je kod:
css subor:
Kód: ul#odkaz { font-style: normal; FONT-SIZE: 14px; font-weight: bold; FONT-FAMILY: Tahoma, Verdana, Arial; FLOAT: right; TEXT-DECORATION: none }
ul#odkaz li { DISPLAY: inline; FLOAT: left; COLOR: #c5c5c5 }
ul#odkaz li a { float: left; display: inline; list-style: none; COLOR: #c5c5c5; text-decoration: none }
ul#odkaz li a:hover { list-style: none; color: orange; text-decoration: none }
a v indexe: Kód: <ul id="odkaz"> <li><a href="index.php?clanek=uvod">Úvod</a></li> ׀  <li><a href="index.php?clanek=novinky">Novinky</a></li> ׀  <li><a href="index.php?clanek=galeria">Fotogaléria</a></li> </ul>
Ak to nie je uplne v poriadku, tak rad privitam kazdu radu ...
|
|
Registrovaný: 30.04.08 Prihlásený: 15.05.15 Príspevky: 884 Témy: 3 | 3 |
Pomiesal si tam display: inline; a float: left; a v Opere a v FX sa to zobrazilo uplne inak, ako si chcel. Spravne to bolo iba v IE. Stacilo to napisat takto, potom to pojde vsade rovnako:
CSS:
Kód: <style> ul#odkaz { font-size: 14px; font-weight: bold; font-family: Tahoma, Verdana, Arial; float: right; }
ul#odkaz li { color: #c5c5c5; display: inline; }
ul#odkaz li a { color: #c5c5c5; text-decoration: none; }
ul#odkaz li a:hover { color: orange; } </style> HTML Kód: <ul id="odkaz"> <li><a href="index.php?clanek=uvod">Úvod</a> ? </li> <li><a href="index.php?clanek=novinky">Novinky</a> ? </li> <li><a href="index.php?clanek=galeria">Fotogaléria</a></li> </ul>
don jebot píše: //list style:none s tym nema nic spolocne tym si iba dal ze sa ti nebude zobrazovat ten kruzok pri odkazoch..
Ved to on prave nechcel (aby sa tam zobrazoval ten "kruzok")...
_________________ Empty your memory, with a free()… like a pointer! If you cast a pointer to an integer, it becomes the integer, if you cast a pointer to a struct, it becomes the struct… The pointer can crash…, and can overflow… Be a pointer my friend… |
|
Registrovaný: 03.04.08 Prihlásený: 10.12.19 Príspevky: 4667 Témy: 37 | 37 Bydlisko: Trnava |
ja viem len "ON" si myslel ze to ma nieco spolocne stym ako sa mu jednotlive polozky radia, ci zaseba alebo podseba..
_________________ Hmmm .... Hrošíček ... [Homer] |
|
Registrovaný: 21.09.08 Prihlásený: 14.11.17 Príspevky: 225 Témy: 74 | 74 Bydlisko: Michalovce |
neutronmind..dik..Spravil som to ako si mi napisal...Aj ked, co sa prehliadaca tyka, mne to zobrazuje stale rovnako, kedze mam nahodene len IE... este raz dik..
|
|
Stránka: 1 z 1
| [ Príspevkov: 12 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| v PHP, ASP | 9 | 666 | 22.04.2009 19:39 Ďuri | | v Modifikácie, návody a projekty | 19 | 4056 | 14.01.2011 8:31 mack0 | | v PHP, ASP | 3 | 470 | 13.08.2010 11:32 qacer | | v Správy pre vedenie fóra | 5 | 1129 | 25.05.2010 11:28 Daron | | v Assembler, C, C++, Pascal, Java | 2 | 400 | 10.12.2014 22:37 Misosvk | | v Assembler, C, C++, Pascal, Java | 11 | 851 | 23.11.2008 20:41 shiro | | v JavaScript, VBScript, Ajax | 4 | 538 | 13.11.2010 20:57 DeeJay3 | | v Siete | 1 | 905 | 19.08.2006 15:10 Harlequin | | v Antivíry a antispywary | 5 | 488 | 14.07.2014 0:56 stopa27 | | v Ostatné | 2 | 295 | 30.01.2013 15:37 zaciatocnik | | v Pamäte | 3 | 3482 | 27.01.2010 21:35 Jaro | | v Ostatné | 1 | 491 | 26.08.2012 15:33 iop | | v Rozširujúce karty | 0 | 944 | 16.01.2008 17:37 R.I.P. | | v PHP, ASP | 2 | 486 | 18.10.2017 16:36 IPP | | v Assembler, C, C++, Pascal, Java | 3 | 646 | 24.11.2013 17:18 Vikinger | | v HTML, XHTML, XML, CSS | 8 | 889 | 10.06.2009 12:29 dulius |
|