Nu citeşte CSS-ul sau e codul incorect?

#1
MihaixD

Posted 24 February 2013 - 18:50

Member

Grup: Members
Posts: 620
Înscris: 12.05.2012

Aveam nevoie şi încă am de un cod pt un hover list, bun, sărch pe gugăl, găsit cod: http://css.maxdesign...orizontal04.htm . Am încercat cod-ul, cred că nu citeşte CSS-ul :-?, adică îmi apare doar cod-ul ce este în HTML. Dacă aveţi soluţii sau alt cod, sunt deschis sugestiilor.

HTML CODE:

<!DOCTYPE html>
<link rel="shortcut icon" href="favicon.png" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a>
<ul id="subnavlist">
<li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li>
<li><a href="#">Subitem two</a></li>
<li><a href="#">Subitem three</a></li>
<li><a href="#">Subitem four</a></li>
</ul>
</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
</body>
</html>

CSS CODE: - am pus doar partea care cuprinde chestiile de mai sus.

ul#navlist { font-family: sans-serif; }
ul#navlist a
{
font-weight: bold;
text-decoration: none;
}
ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul#navlist li { float: left; }
ul#navlist li a
{
color: #ffffff;
background-color: #003366;
padding: 3px;
border: 1px #ffffff outset;
}
ul#navlist li a:hover
{
color: #ffff00;
background-color: #003366;
}
ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
}
ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }
ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}
ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}
ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}
ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }

Poză eroare:

hover list error.jpg 97.39K 5 downloads

Edited by MihaixD, 24 February 2013 - 18:53.

Back to top

#2
poadol

Posted 24 February 2013 - 19:47

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

Codul este bun. Este un menu drop down pe item one momentan.
Problema este la legatura sau link-ul

<link rel="stylesheet" type="text/css" href="style.css" />

1. Codul CSS se gaseste in fisierul style.css?
Daca raspunsul la intrebarea 1. este afirmativ:
Unde se gaseste fisierul style.css?
- Se gaseste in acelasi dosar - folder - cu codul HTML?
- Se gaseste intr-un dosar - folder - diferit de cel in care se afla codul HTML?

Daca nu-ti functioneaza corect, dupa parerea mea partea cu probleme este aceasta: href="~~style.css~~", sau mai exact legatura catre fisierul style.css este gresita. Verfica terminatia fisierului sa fie .css, daca este cumva ~~.txt~~ = terminatie gresita pentru fisierul css sau alta terminatie aceea este cauza.

Edited by poadol, 24 February 2013 - 19:53.

Back to top

#3
MihaixD

Posted 24 February 2013 - 19:56

Member

Grup: Members
Posts: 620
Înscris: 12.05.2012

poadol, on 24 februarie 2013 - 19:47, said:

Codul este bun. Este un menu drop down pe item one momentan.
Problema este la legatura sau link-ul

<link rel="stylesheet" type="text/css" href="style.css" />

1. Codul CSS se gaseste in fisierul style.css?
Daca raspunsul la intrebarea 1. este afirmativ:
Unde se gaseste fisierul style.css?
- Se gaseste in acelasi dosar - folder - cu codul HTML?
- Se gaseste intr-un dosar - folder - diferit de cel in care se afla codul HTML?

Daca nu-ti functioneaza corect, dupa parerea mea partea cu probleme este aceasta: href="~~style.css~~", sau mai exact legatura catre fisierul style.css este gresita. Verfica terminatia fisierului sa fie .css, daca este cumva ~~.txt~~ = terminatie gresita pentru fisierul css sau alta terminatie aceea este cauza.

Se află în acelaşi folder, iar prostia este că la alt document html funcţionează cod-ul css din acel fişier.

Back to top

#4
poadol

Posted 24 February 2013 - 19:59

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

Nu este prostie inseamna ca ai gresit ceva, undeva si de aceea nu functioneaza, la mine merge in ambele moduri atat intern cat si extern, l-am incercat.
Verifica in ce fel este introdus in celalalt document HTML care "merge" si fa la fel si in cel care nu functioneaza.

Edited by poadol, 24 February 2013 - 20:02.

Back to top

#5
MihaixD

Posted 24 February 2013 - 20:31

Member

Grup: Members
Posts: 620
Înscris: 12.05.2012

poadol, on 24 februarie 2013 - 19:59, said:

Nu este prostie inseamna ca ai gresit ceva, undeva si de aceea nu functioneaza, la mine merge in ambele moduri atat intern cat si extern, l-am incercat.
Verifica in ce fel este introdus in celalalt document HTML care "merge" si fa la fel si in cel care nu functioneaza.

Este acelaşi document, doar că sunt şterse celelalte coduri HTML. Am încercat şi cu ele puse, tot nu funcţionează.

Back to top

#6
cristirg

Posted 25 February 2013 - 14:47

Senior Member

Grup: Senior Members
Posts: 7,711
Înscris: 16.11.2012

merge ,incearca pe tinkerbin.com :

[ http://s17.postimage.org/72zz5psun/menu.png - Pentru incarcare in pagina (embed) Click aici ]
picture hosting

Back to top

Anunturi

Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

www.neurohope.ro

Nu citeşte CSS-ul sau e codul incorect?

#1 MihaixD Posted 24 February 2013 - 18:50

#2 poadol Posted 24 February 2013 - 19:47

#3 MihaixD Posted 24 February 2013 - 19:56

#4 poadol Posted 24 February 2013 - 19:59

#5 MihaixD Posted 24 February 2013 - 20:31

#6 cristirg Posted 25 February 2013 - 14:47

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
MihaixD

Posted 24 February 2013 - 18:50

#2
poadol

Posted 24 February 2013 - 19:47

#3
MihaixD

Posted 24 February 2013 - 19:56

#4
poadol

Posted 24 February 2013 - 19:59

#5
MihaixD

Posted 24 February 2013 - 20:31

#6
cristirg

Posted 25 February 2013 - 14:47