css e le immagini - :schok:

**InternetMania** · 25-08-2008, 19:28

ciao a tutti ...

io apro un topic perchè non riesco a capire una cosa ... come piffero si fanno due tre collegamenti ad una immagine, che pero hanno differenti figure? mi spiego meglio ...

guardate l'immagine in allegato ... è un'unica immagine pero con 2 immagini all'interno. in certi siti quando guardo l'immagine che fa da sfondo, certe volte trovo 2-3 immagini raggruppate in una unica ...

ora mi chiedo, come fanno a fare in modo che prima lo sfondo di un div è ad esempio l'immagine viola, mentre poi se clicchi diventa bianca .. se sono in unica immagine ???

VVoVe:

non so se si capisce bene, pero se mai chiedetemi

... grazie a tutti ciauu

**fcaldera** · 25-08-2008, 20:07

cerca "fast rollover" su google e/o nel forum

**InternetMania** · 25-08-2008, 20:19

questo fast rollover si crea con due link che si collegano o ad una unica immagine?
cioè tipo che si collega all'immagine 1 come sfondo, e poi all'immagine 2 come sfondo quando passsi col mouse.
o sia che sia come sfondo, o sia che ci passi sopra si collega sempre all'immagine1 ??

**fcaldera** · 25-08-2008, 20:22

l'immagine dev'essere caricata come sfondo del link o di un suo elemento annidato
è un link unico ma il background varia in base alla pseudoclasse :hover, :active etc...

**InternetMania** · 25-08-2008, 20:34

io ho fatto questo codice che pero nonn cambia ne l'immagine, ne la fa apparire come sfondo .. puoi darci un occhio quando puoi? grazie

HTML

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
     <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id"=ricerca">
ciaoo
</div>

</body>
</html>

CSS

codice:

#ricerca{
display:block;
width: 250px;
height: 55px;
background: url(logo.gif) no-repeat 0px 0px;
}
#ricerca:hover{
background-position: 0px -55px;
}

(logo.gif) è giusta come estensione

**fcaldera** · 25-08-2008, 20:37

con quale browser stai provando?

**InternetMania** · 25-08-2008, 20:39

con firefox ... ma fa cosi con tutti

**fcaldera** · 25-08-2008, 20:41

allora
1) è sbagliato il percorso all'immagine - oppure
2) l'immagine non si vede perchè l'area visibile del div è troppo piccola - oppure
3) l'hai ritagliata in modo tale che il posizionamento che hai dato non la fa vedere

controlla e posta un link da vedere oppure almeno allega l'immagine che stai usando.

ti chiedevo del browser che usavi, perchè su IE6 non funzionerebbe lo stesso. (in quel browser :hover è supportato solo ai link)

Discussione: css e le immagini - :schok:

Strumenti discussione

Ricerca discussione

Visualizza

css e le immagini - :schok:

Permessi di invio