Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Job - Facultate sau certificare

Deadpool & Wolverine (2023)

Outlook e muta pe Android

Constructie Mun. Iasi. Casa P+1.
 Cum mai rezolvati cu chiriasii ra...

Tastatura si mouse cu baterie int...

AC Gree duce la palpait de becuri

Sfat / recomandare construire aco...
 Cablu analog vs digital

Ce valoare stabiliti la RSSI la u...

Sony FH 10W reparatie

Monitor cu consum URIAS
 Topul rușinii la nivelul PE

probleme domeniu sau configuratie...

Se poate vedea on-line filmul ...

Mazda 3 IV Sedan 2.0 e-SkyActiv-G...
 

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

- - - - -
  • Please log in to reply
5 replies to this topic

#1
MihaixD

MihaixD

    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:

Attached File  hover list error.jpg   97.39K   5 downloads

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


#2
poadol

poadol

    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.


#3
MihaixD

MihaixD

    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.

#4
poadol

poadol

    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.


#5
MihaixD

MihaixD

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

#6
cristirg

cristirg

    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

Anunturi

Chirurgia endoscopică a hipofizei Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate