Rollover disgiunto con css

**pinaz** · 04-03-2008, 12:11

Ciao bella gente,

ho una question per voi. Dovrei creare un effetto come in questa pagina:

http://www.doc-pc.it/bps/home.htm

però non utlizzando script ma css e xhtml per tenere i link del menu individualbili, è fattibile o troppo laboriosa?

mi date degli input?

Grazie a tutti

**salasir** · 04-03-2008, 15:44

Rollover disgiunto con i CSS

**pinaz** · 04-03-2008, 15:47

Grazie salasir, l aveo visto, ma non reisco ad implementarlo qua dentro. In pratica le foto le vorrei mettere dentro al <div> Body. Come posso fare?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#323338">
 <div id="container">
<div id="menu">
  <div id="header"></div>
  <div id="menu_2">HOME    - AZIENDA - PRODOTTI - DOVE SIAMO - CONTATTI</div>
</div>
<div id="body">
<div id="logo_body"></div>
</div>
</div>
</body>
</html>

**salasir** · 04-03-2008, 17:12

Ora non ho molto tempo, ma credo sia sufficiente, per iniziare, a definire i link e tra <span>...</span> mettere l'immagine al posto del testo, e poi lavorare sul posizionamento della stessa nella definizione dello stato :hover del link.

Se non ne vieni fuori, domani probabilmente posso fare qualche prova.

**pinaz** · 04-03-2008, 17:18

Grazie della risposta, ho risolto con un javascript semplice solo che al W3c non piace molto :-)

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#323338">
<div id="container">
<div id="menu">
<div id="header"></div>
<div id="menu_2">
HOME - AZIENDA - PRODOTTI - DOVE SIAMO - CONTATTI</div>

</div>
<div id="body">
[img]#[/img]
[img]#[/img]</div>
</div>
</body>
</html>

**Hobby** · 04-03-2008, 20:06

Originariamente inviato da pinaz
Grazie della risposta, ho risolto con un javascript semplice solo che al W3c non piace molto :-)

Perchè lo JS vorrebbe esterno, in tutti i casi il w3c non deve validare gli script JS ma solo l'html

**pinaz** · 05-03-2008, 11:14

Ciao a tutti,

ho un problema di compatibilità con questa pagina

http://www.doc-pc.it/xx/home.html

con firefox tutto ok

con ie7 tutto ok a parte che l' immagine dello sfondo del Body rimane sopra elle altre e io vorrei cacciarla sotto

con ie6 non si vede una mazza

Qualcuno sa come risolvere?

Grazie

Discussione: Rollover disgiunto con css

Strumenti discussione

Ricerca discussione

Visualizza

Rollover disgiunto con css

Permessi di invio