ciao,
vi chiedo come mai non funziona
.classetd a:hover {
background-image: url('img/menu/vuoto1_chiaro.gif');
}
dove sbaglio? se passo sopra la cella non succede nulla!
Help
ciao,
vi chiedo come mai non funziona
.classetd a:hover {
background-image: url('img/menu/vuoto1_chiaro.gif');
}
dove sbaglio? se passo sopra la cella non succede nulla!
Help
Perissinotto Alessandro
Cosa non funziona e dove? link ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CSS Rollover - Verticale</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.bordotab {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFCC;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-left-color: #000000;
}
.classetd {
background-image: url('img/menu/vuoto1_scuro.gif');
}
.classetd a {
background-image: url('img/menu/vuoto1_chiaro.gif');
}
.classetd a:hover {
background-image: url('img/menu/vuoto1_chiaro.gif');
}
-->
</style>
</head>
<body>
<div id="box" style="position:absolute; left:50px; top:50px; width:170px; height:180px; z-index:1">
<table width="100%" border="0" cellpadding="1" cellspacing="0" class="bordotab">
<tr>
<td class="classetd">Menu 1</td>
</tr>
<tr>
<td class="classetd">Menu 2</td>
</tr>
<tr>
<td class="classetd">Menu 3</td>
</tr>
<tr>
<td class="classetd">Menu 4</td>
</tr>
<tr>
<td class="classetd">Menu 5</td>
</tr>
<tr>
<td class="classetd">Menu 6</td>
</tr>
</table>
[img]img/menu/vuoto1_chiaro.gif[/img]</div>
</body>
</html>
Perissinotto Alessandro
anch'io ho sempre avuto problemi con i percorsi relativi nei css..
5 minuti fa ho scoperto che bisogna mettere il punto all'inizio del percorso, per dire che deve partire dalla cartella in cui si trova. un po' come nei comandi da terminale in linux, no? (chiedo conferma a persone più autorevoli)
background-image: url('img/menu/vuoto1_scuro.gif');
diventa
background-image: url('./img/menu/vuoto1_scuro.gif');
vedi se funziona
Vivere… Vedere il mondo in un granello di sabbia.
E il cielo in un fiore.
Tenere l'infinito nel palmo della tua mano. E l'eternità in un'ora…
W. Blake
leva gli apici (e ricontrolla il percorso e il formato del file).
Copiato/Icollato il tuo codice... sostituita img con una mia... Funziona!!Originariamente inviato da Alessandro Per
background-image: url('img/menu/vuoto1_scuro.gif');
Potresti sbagliato a scrivere il percorso?
ho sempre scritto il percorso diretto se la destinazione era interna al folder.Originariamente inviato da jagh
5 minuti fa ho scoperto che bisogna mettere il punto all'inizio del percorso, per dire che deve partire dalla cartella in cui si trova.
devi mettere ../ prima del percorso se deve partire dal folder contente il corrente.
Se era un link era meglio, io le immagini non le ho
Prima domanda: perchè usi una tabella ?
Ti consiglio di usare una lista non ordinata
Che ha anche più senso logico.codice:<ul>[*]Primo ... [/list]
Ho provato a dare un bordo sull'hover, e funziona, quindi probabilmente il problema è altrove, tipo nel percorso delle immagini, comunque tieni anche presente il giusto ordine:
:link
:visited
:hover
:focus
:active
Gli apici non sono... probabile il percorso... e comunque ti suggerisco di usare un display block su a:hover, invece per le proprietà sul link ".classtd a" da come l'hai scritta tu credo sia superfluo, quindi puoi anche evitare di usarlo tanto hai già indicato le proprietà in "classetd" sarebbe una ripetizione inutile...
.classetd a:hover {
background-image: url('img/menu/vuoto1_chiaro.gif');
display:block;
}
a me continua a non funzionare:
il link per vedere la pagina è:
http://www.perissin8.com/test.htm
ora le immagini sono anceh dentro la stessa cartella.
per serialkiller
mi è necessaria la tabella
ora, se non è prorpio possibile con i css c'è un modo in java?
Perissinotto Alessandro
Permessi di invio
Rispondi quotando