Style css cambiare colore di sfondo

**antoedp** · 08-05-2003, 10:52

Per ogni pagina ho questo css è possibile cambiare colore di sfondo al passaggio del mouse ?

<style>
a:link { color:#000033; text-decoration:none; font-family: Verdana; font-size: 10px;}
a:visited { color:#000033; text-decoration:none; font-family: Verdana; font-size: 10px;}
a:hover { color:#FF0000; text-decoration:underline; font-family: Verdana; font-size: 10px;}
</style>

**herrel** · 08-05-2003, 10:55

Originariamente inviato da antoedp
Per ogni pagina ho questo css è possibile cambiare colore di sfondo al passaggio del mouse ?

<style>
a:link { color:#000033; text-decoration:none; font-family: Verdana; font-size: 10px;}
a:visited { color:#000033; text-decoration:none; font-family: Verdana; font-size: 10px;}
a:hover { color:#FF0000; text-decoration:underline; font-family: Verdana; font-size: 10px;background:blue;}
</style>

se vuoi cambiare lo sfondo del kink puoi fare come ho aggiundo sopra...se vuoi cambiare lo sfondo del body è un'altro discorso!

**antoedp** · 08-05-2003, 10:59

L'unico problema che il mio testo è racchiuso in una cella e quindi e con il background mi cambia lo sfondo rispetto alla lunghezza del testo se vorrei far cambiare lo sfondo alla cella ?

Help ME !

**iguane** · 08-05-2003, 11:01

Originariamente inviato da antoedp
Per ogni pagina ho questo css è possibile cambiare colore di sfondo al passaggio del mouse ?

<style>
a:link { color:#000033; text-decoration:none; font-family: Verdana; font-size: 10px;}
a:visited { color:#000033; text-decoration:none; font-family: Verdana; font-size: 10px;}
a:hover { color:#FF0000; text-decoration:underline; font-family: Verdana; font-size: 10px;background-color:#FF0000;}
</style>

**iguane** · 08-05-2003, 11:04

Originariamente inviato da antoedp
L'unico problema che il mio testo è racchiuso in una cella e quindi e con il background mi cambia lo sfondo rispetto alla lunghezza del testo se vorrei far cambiare lo sfondo alla cella ?

Help ME !

Applicalo alla cella

.wintables td {
padding-bottom: 1px;
padding-top: 1px;
padding-right: 1px;
}

.wintables a {
color: #676767;
border: 1px solid #F7F7F7;
text-decoration: none;
width: 100%;
padding: 1px;
padding-left: 2px;
}

.wintables a:hover {
border-color: #cf0f0f;
color: #cf0f0f;
background-color : #F7F7F7;
}

**herrel** · 08-05-2003, 11:05

se la cella ha l'altezza del carattere puoi fare così:

codice:

<html>
<head>
	<title>Untitled</title>
	<style> 
a:link { color:#000033; text-decoration:none; font-family: Verdana; font-size: 10px;display:block;position:relative;} 
a:visited { color:#000033; text-decoration:none; font-family: Verdana; font-size: 10px;} 
a:hover { color:#FF0000; text-decoration:underline; font-family: Verdana; font-size: 10px;background:blue;display:block;position:relative;} 
</style> 
</head>

<body>
<table border=1 width="100"><td>
ciao
</td></table>
</body>
</html>

altrimenti devi fare un roll diverso...quale ti serve?

**herrel** · 08-05-2003, 11:07

Originariamente inviato da iguane
Applicalo alla cella

.wintables td {
padding-bottom: 1px;
padding-top: 1px;
padding-right: 1px;
}

.wintables a {
color: #676767;
border: 1px solid #F7F7F7;
text-decoration: none;
width: 100%;
padding: 1px;
padding-left: 2px;
}

.wintables a:hover {
border-color: #cf0f0f;
color: #cf0f0f;
background-color : #F7F7F7;
}

cioè così.....ciao iguane!

**iguane** · 08-05-2003, 11:08

Originariamente inviato da herrel
cioè così.....ciao iguane!

**antoedp** · 08-05-2003, 11:10

mi dispiace deluderti ma non funge !

**iguane** · 08-05-2003, 11:11

Originariamente inviato da antoedp
mi dispiace deluderti ma non funge !

posta il codice che gli diamo una controllata...:master:

Discussione: Style css cambiare colore di sfondo

Strumenti discussione

Ricerca discussione

Visualizza

Style css cambiare colore di sfondo

Re: Style css cambiare colore di sfondo

Re: Style css cambiare colore di sfondo

Permessi di invio