[ Príspevkov: 12 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.09.08
Prihlásený: 14.11.17
Príspevky: 225
Témy: 74 | 74
Bydlisko: Michalovce
NapísalOffline : 21.09.2008 11:17 | Vysvetlenie

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..


Offline

Čestný člen
Čestný člen
Vysvetlenie

Registrovaný: 17.10.06
Prihlásený: 08.01.11
Príspevky: 1752
Témy: 17 | 17
NapísalOffline : 21.09.2008 11:43 | Vysvetlenie

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.
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.09.08
Prihlásený: 14.11.17
Príspevky: 225
Témy: 74 | 74
Bydlisko: Michalovce
Napísal autor témyOffline : 21.09.2008 12:15 | Vysvetlenie

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"> ???


Offline

Čestný člen
Čestný člen
Vysvetlenie

Registrovaný: 17.10.06
Prihlásený: 08.01.11
Príspevky: 1752
Témy: 17 | 17
NapísalOffline : 21.09.2008 12:37 | Vysvetlenie

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.
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.09.08
Prihlásený: 14.11.17
Príspevky: 225
Témy: 74 | 74
Bydlisko: Michalovce
Napísal autor témyOffline : 21.09.2008 12:52 | Vysvetlenie

Suchy, dik za vysvetlenie..


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.09.08
Prihlásený: 14.11.17
Príspevky: 225
Témy: 74 | 74
Bydlisko: Michalovce
Napísal autor témyOffline : 23.09.2008 11:04 | Vysvetlenie

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)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.08
Prihlásený: 15.05.15
Príspevky: 884
Témy: 3 | 3
NapísalOffline : 23.09.2008 14:51 | Vysvetlenie

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…
Offline

Užívateľ
Užívateľ
Vysvetlenie

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava
NapísalOffline : 23.09.2008 15:28 | Vysvetlenie

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]
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.09.08
Prihlásený: 14.11.17
Príspevky: 225
Témy: 74 | 74
Bydlisko: Michalovce
Napísal autor témyOffline : 23.09.2008 17:31 | Vysvetlenie

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 :D

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>&nbsp;׀&nbsp
<li><a href="index.php?clanek=novinky">Novinky</a></li>&nbsp;׀&nbsp
<li><a href="index.php?clanek=galeria">Fotogaléria</a></li>&nbsp;
</ul>


Ak to nie je uplne v poriadku, tak rad privitam kazdu radu ...


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.08
Prihlásený: 15.05.15
Príspevky: 884
Témy: 3 | 3
NapísalOffline : 23.09.2008 17:53 | Vysvetlenie

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")... :roll:


_________________
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…
Offline

Užívateľ
Užívateľ
Vysvetlenie

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava
NapísalOffline : 23.09.2008 18:34 | Vysvetlenie

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]
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.09.08
Prihlásený: 14.11.17
Príspevky: 225
Témy: 74 | 74
Bydlisko: Michalovce
Napísal autor témyOffline : 24.09.2008 12:19 | Vysvetlenie

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..


 [ Príspevkov: 12 ] 


Vysvetlenie



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Vysvetlenie

v PHP, ASP

9

666

22.04.2009 19:39

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

Vysvetlenie

v Modifikácie, návody a projekty

19

4056

14.01.2011 8:31

mack0

V tomto fóre nie sú ďalšie neprečítané témy.

Vysvetlenie

v PHP, ASP

3

470

13.08.2010 11:32

qacer

V tomto fóre nie sú ďalšie neprečítané témy.

Vysvetlenie

v Správy pre vedenie fóra

5

1129

25.05.2010 11:28

Daron

V tomto fóre nie sú ďalšie neprečítané témy.

Vysvetlenie bublesort

v Assembler, C, C++, Pascal, Java

2

400

10.12.2014 22:37

Misosvk

V tomto fóre nie sú ďalšie neprečítané témy.

Vysvetlenie programu

v Assembler, C, C++, Pascal, Java

11

851

23.11.2008 20:41

shiro

V tomto fóre nie sú ďalšie neprečítané témy.

vysvetlenie scriptu

v JavaScript, VBScript, Ajax

4

538

13.11.2010 20:57

DeeJay3

V tomto fóre nie sú ďalšie neprečítané témy.

vysvetlenie pojmov

v Siete

1

905

19.08.2006 15:10

Harlequin

V tomto fóre nie sú ďalšie neprečítané témy.

Coinminer ? Vysvetlenie

v Antivíry a antispywary

5

488

14.07.2014 0:56

stopa27

V tomto fóre nie sú ďalšie neprečítané témy.

Vysvetlenie importu

v Ostatné

2

295

30.01.2013 15:37

zaciatocnik

V tomto fóre nie sú ďalšie neprečítané témy.

Casovanie ram (vysvetlenie)

v Pamäte

3

3482

27.01.2010 21:35

Jaro

V tomto fóre nie sú ďalšie neprečítané témy.

Pekná url - vysvetlenie.

v Ostatné

1

491

26.08.2012 15:33

iop

V tomto fóre nie sú ďalšie neprečítané témy.

Tv karta vysvetlenie

v Rozširujúce karty

0

944

16.01.2008 17:37

R.I.P.

V tomto fóre nie sú ďalšie neprečítané témy.

Vysvetlenie PHP kodu

v PHP, ASP

2

486

18.10.2017 16:36

IPP

V tomto fóre nie sú ďalšie neprečítané témy.

Java, vysvetlenie prikazu

v Assembler, C, C++, Pascal, Java

3

646

24.11.2013 17:18

Vikinger

V tomto fóre nie sú ďalšie neprečítané témy.

Vysvetlenie jednej chyby validacie

v HTML, XHTML, XML, CSS

8

889

10.06.2009 12:29

dulius



© 2005 - 2024 PCforum, edited by JanoF