CSS problemcic (linkovi)

[pulse]

Eto u FF sve radi kak bi trebalo dok je u Operi link defaultni...znaci plavi, dok hover i active stanja normalno rade, sta da napravim da me poslusa

CSS:

Code:

#linkovi {    font-family:Verdana, Arial, Helvetica, sans-serif;    font-size:12px;    color:#FFCC00; } #linkovi li a:link {    color:#FFCC00;    text-decoration: none; } #linkovi li a:hover {       color: #CCCCCC;       background-color: #FF0000;       text-decoration: none; } #linkovi li a:active {       color:#FF0000;     }

HTML:

Code:

<dl id="linkovi"> <li><a href=#>peder</a></li> </dl>

...i zasto kad radim sa CSSom (sa malom pommoci tablica) nista nije kak izgleda. Zapravo zasto na radnoj povrsini Dreamwavera sve ima razlicit polozaj od onog u npr Operi


tnx

[pulse]

Eto od jednom ni u FF nesljaka kak treba.... a u dreamweaveru linkovi izgledaju kak bi i trebali

[maratz]

A da prvo proučis HTML liste? <li> nije list-item od definition liste <dl>, nego eventualno od ordered <ol> ili unordered <ul> liste.

[pulse]

I will
...a do tad, kak da natjeram ovo da radi?

[Pekx]

lol

Last edited by Pekx on 10.05.2005 17:04; edited 1 time in total

[F@NTOM]

Zar ne bi to trebalo ic ovim redoslijedom da link radi kako treba:
a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */

[pulse]

dobro ajmo ovako, htio bi da su mi linkovi u liniji a ne jedan ispod drugog. Molio bi dobru dusu za kratkim objasnjenjem. tnx.

CSS:

Code:

#linkovi {        font-family:Verdana    font-size: 8px;    color:#FF3300;    width: 80px;    margin: 0px; } #linkovi dd {    margin: 1px;    padding: 5px 2px 5px 2px;    } #linkovi dt {       font-weight: bold; } #linkovi ul {    margin: 0px;    padding: 2px 0px 2px 0px;    list-style: none;    color:#FF3300;    } #linkovi li{    margin: 0px;    padding: 1px 0px 0px 0px;    list-style: none;    } #linkovi li a{    background-color:#FF3300;    width: 80px;    display: block;    text-indent: 5px;    color:#000000;    } #linkovi li a:hover {       color:#FF9999;       background-color:#FFCC00;       width: 80px;       text-decoration: none; } #linkovi li a:active {       color:#00FF00;     }

HTML:

Code:

<dl id="linkovi">      <dt>&nbsp;</dt>         <dd>           <ul>             <li><a href=#>About</a></li>             <li><a href=#>Info</a></li>           </ul>         </dd> </dl>

[red]

maratz wrote:

A da prvo proučis HTML liste? <li> nije list-item od definition liste <dl>, nego eventualno od ordered <ol> ili unordered <ul> liste.

[F@NTOM]

[quote="pulse"]dobro ajmo ovako, htio bi da su mi linkovi u liniji a ne jedan ispod drugog. Molio bi dobru dusu za kratkim objasnjenjem. tnx.

samo stavis u css-u

neka lista ul {
display:inline;
}

[pulse]

Moram priznat da sam lagano zbunjen

evo radio sam po tutorialu sa mi3.a...a pogledao sam i liste...znaci grijesio sam radi vas?!
(ili jednostavno ovo nije moj dan)


mi3 tutorial:

Code:

dl> //otvaramo definition listu <dt>Naslov prve grupe linkova</dt> //<dt> koristimo za definiranje naslova <dd><ul> //otvaramo unordered listu <li><a href=#>Prvi link</a></li>  //sve linkove ćemo držat u <li> elementu <li><a href=#>Drugi link</a></li> </ul></dd>  //zatvaramo unordered listu za prvu grupu linkova <dt>Naslov druge grupe linkova</dt> <dd><ul> <li><a href=#>Prvi link</a></li> <li><a href=#>Drugi link</a></li> </ul></dd> <dt>Naslov treće grupe linkova</dt> <dd><ul> <li><a href=#>Prvi link</a></li> <li><a href=#>Drugi link</a></li> </ul></dd> </dl> //zatvaramo definition listu

Definition Lists

Code:

<DL> <LH>List Header</LH> <DT>Term 1<dd>This is the definition of the first term. <DT>Term 2<dd>This is the definition of the second term. </DL>

Unordered List

Code:

<UL>       <LH>Table Fruit</LH>       <LI>apples       <LI>oranges       <LI>bananas     </UL>

Ordered List

Code:

<OL>       <LH>Meeting Agenda</LH>       <LI>Minutes of the last meeting       <LI>Do we need yet more meetings?       <LI>Any other business     </OL>

[pulse]

F@NTOM wrote:

samo stavis u css-u neka lista ul { display:inline; }

opet nista

[maratz]

Džizus!!1 Daj makni te <dl>-ove do daljnjega. Do tad i samo zato da više ne maltretiraš ljude:

Code:

<html> <head> <style type="text/css"> #linkovi li { display: inline; list-style: none; } #linkovi li a { color: #fc0; text-decoration: none; } #linkovi li a:hover { color: #ccc; background: #f00; } </style> </head> <body> <ul id="linkovi"> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> </ul> </body> </html>

Dok ne pročitaš i usvojiš http://www.w3schools.com/html/default.asp i http://www.w3schools.com/css/default.asp i beginner resurse od Suliena mani se CSS-a, samo ćeš se povrijediti.

[nel`chee]

http://www.mi3dot.org/forum/viewtopic.php?p=58518

[F@NTOM]

pulse wrote:

F@NTOM wrote: samo stavis u css-u neka lista ul { display:inline; } opet nista

Tek sam kasnije skuzio da sam kikso, ide ti:
ul#neka_lista li {
display:inline;
}
mislimda bi ovako trebalo radit.

Ako radis izbornik, najbolje ti je uzet unordered listu.

[pulse]

Quote:

da više ne maltretiraš ljude

Cini mi se da se drugi ljudi nedaju tako lako izmaltretirati....a i moja greska je proizasla iz vaseg tutoriala kojeg sam ja kako kaze nel`chee "sljepo pratio".
Hvala na linkovima i na codu Mogao si fino na pocetku rec bla, bla, bla i evo kako bi to pravilno trebalo izgledat.... Al prepisat cemo sve to losem vremenu.

F@NTOM: tnx.