Sto leggendo un articolo di html e ho letto in una linea di codice:
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100}
Ma che roba é "li.sfhover", non dovrebbe essere semplicemente "li:hover"? Perché se scrivo "li:hover" funziona e se scrivo "li.sfhover" funziona ugualmente?!?!?!
up!
up!
.sfhover in un selettore CSS si riferisce ad una classe, che nel codice HTML e` definita con class="sfhover"
invece :hover individua la pseudoclasse quando il puntatore passa sopra l'oggetto.
Dato che non posti il codice HTML, non e` possibile dire altro, e non e` possibile rispondere alla domanda ("perche` funziona ugualmente")
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Menu dropdown in stile Facebook - Esempio di base</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
html,body{margin:0;padding:0}
body{background:#FFF;color:#333}
div#container{width:850px;margin:0 auto;background: #3B5998;color:#fff}
</style>
<link rel="stylesheet" type="text/css" href="menu-dd.css">
</head>
<body>
<div id="container">
<ul id="nav">[*]
Home
[*]
<ul>[*]Compose mail
<li class="sep">Inbox<span></span>[*]Sent mail[*]Spam[/list]
[*]
Settings
<ul>
<li class="icon settings">Account settings
<li class="icon privacy">Privacy settings
[/list]
[/list]
</div>
</body>
</html>
/*CSS principale per il menu*/
ul#nav{font: 70%/1.5 Verdena,Tahoma,sans-serif}
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none}
ul#nav{height:26px;line-height:25px;margin-left:50px;
background: #3B5998;color: #fff}
ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#FFF}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;line-height: 22px;
display:block !important;display: inline; /*IE*/}
ul#nav ul{position: absolute;top: 23px;left: -9999px;
width: 12em;background: #fff;color: #3B5998}
ul#nav ul{padding: 7px 0;border: 1px solid #3B5998}
ul#nav li li a{height:22px} /*fix per IE */
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #3B5998}
ul#nav li:hover,ul#nav a:hover{background-color: #5C75AA;color: #FFF}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100}
/*regole per separatore e le icone */
ul#nav li.sep{height: 34px;background: #fff}
ul#nav li.sep span{display: block;height: 1px;overflow: hidden;
margin: 6px 5px 0;background: #CCC}
ul#nav li li.icon a{padding-left: 24px}
ul#nav li li.settings a{background: url(icon_settings.gif) no-repeat 3px 3px}
ul#nav li li.privacy a{background: url(icon_padlock.gif) no-repeat 3px 3px}
La tua formattazione e` disumana. Non si puo` metter mano ad un codice cosi`.
Il forum ha dei tag appositi per inserire il codice, chepuoi usare anche mediante i pulsanti php e # sopra l'area di testo.
Inoltre devi usare le indentazioni in modo corretto.
Comunque non ho trovato la classe .sfhover, nel codice HTML, per cui la formattazione definta nel selettore corrispondente non ha effetto.
PS: quel modo di scrivere non e` compatibile con i brwoser IE6 e IE7. Forse quell'articolo non e` un buon esempio su cui studiare ...
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Tutto vero! Me ne consiglieresti un altro su cui poter studiare per piacere?Originariamente inviato da Mich_
La tua formattazione e` disumana. Non si puo` metter mano ad un codice cosi`.
Il forum ha dei tag appositi per inserire il codice, chepuoi usare anche mediante i pulsanti php e # sopra l'area di testo.
Inoltre devi usare le indentazioni in modo corretto.
Comunque non ho trovato la classe .sfhover, nel codice HTML, per cui la formattazione definta nel selettore corrispondente non ha effetto.
PS: quel modo di scrivere non e` compatibile con i brwoser IE6 e IE7. Forse quell'articolo non e` un buon esempio su cui studiare ...
Non so bene cosa stai cercando.Originariamente inviato da esacerbare
Tutto vero! Me ne consiglieresti un altro su cui poter studiare per piacere?
Comunque sul sito di HTML.it ci sono una serie di guide (tutorial), che mi sembrano fatte bene. Se vuoi un "corso" sono da seguire.
Se invece vuoi imparare dagli esempi, ci sono una serie di riferimenti tra i "link utili": vedi la sezione che ti interessa e fatti un giretto
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Permessi di invio
Rispondi quotando