Ciao a tutti,
AIUTO, OGGI NON FACCIO ALTRO CHE KIEDERE UNA MANO...
Volevo fare un effetto su dei link:
Ho una specie di menù che cambia il colore del testo quando ci passo sopra con il Mouse, io volevo sempre un cambio di colore ma in tutta la cella...
Si può fare???
Grazie e Ciao
posta il codice
Anche io leggo barze-bastarde
Athlon 64 X2 4400@2500 daily - Zalman CNPS9500 - Asus A8n-Sli Premium - Crucial Ballistix Tracer PC4000 500mhz Sinc. - Sapphire Radeon X1900XT 512mb - Zalman VF900Cu - Seagate 320Gb 7200.10 - LG H22N 18x - T.t. Soprano - LcPower Titan 560W
prova a metterre un link per cella
<td>
link
</td>
<td>
link
</td>
e metti cellspacing="0" e cellpadding="0" e le celle grandi quanto il testo...
una cosa del genere ?
by herrel :
codice:<html> <head> <title>Menu con rollover bordi</title> <style> table { border: 1px solid black;} td { height:25px; border: 1px solid white; font-family: verdana; font-size:10px; background:white;} td a:link { position:relative; display:block; font-size:10px; color: #061998; text-decoration: none;} td a:hover { position:relative; font-size:10px; color: #4ebafa; text-decoration: none;} td a:visited { font-size:10px; color: #4ebafa; text-decoration: none;} .due { border: 1px solid black; background:#b1f3e4;} </style> </head> <body> <table width=150 height=70 border=0> <tr><td style="background:#d0cece;"><center>:: menù ::<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>home page<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>news<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>info<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>portfolio<center> </td></tr></table> </body> </html>
Ciao a tutti e grazie mille,
ho acceso adesso il pc, provo tutto e vi faccio sapere.
Grazie ancora
Ciao ancora,
il codice di Herrel và veramente bene ma, inserendo lo style nella pagine tutte le tabelle presenti prendolo l'aspetto dello style!!!!
Esiste un modo per ottenere le modifiche ad una sola parte della pagina?
Ciao Grazie
si crea una classe....in vece di td a:link fai tipo .prova a:link
e nei td interessati metti: class="prova"
se hai problemi posta il codice o una parte interessata che ti faccio vedere come fare...
Anche io leggo barze-bastarde
Athlon 64 X2 4400@2500 daily - Zalman CNPS9500 - Asus A8n-Sli Premium - Crucial Ballistix Tracer PC4000 500mhz Sinc. - Sapphire Radeon X1900XT 512mb - Zalman VF900Cu - Seagate 320Gb 7200.10 - LG H22N 18x - T.t. Soprano - LcPower Titan 560W
OK grazie, ecco il codice:
<html>
<head>
<title>Menu con rollover bordi</title>
<style>
table {
border: 1px solid black;}
td {
height:25px;
border: 1px solid white;
font-family: verdana;
font-size:10px;
background:white;}
td a:link {
position:relative;
display:block;
font-size:10px;
color: #061998;
text-decoration: none;}
td a:hover {
position:relative;
font-size:10px;
color: #4ebafa;
text-decoration: none;}
td a:visited {
font-size:10px;
color: #4ebafa;
text-decoration: none;}
.due {
border: 1px solid black;
background:#b1f3e4;}
</style>
<STYLE>A:active {
COLOR: navy; TEXT-DECORATION: none
}
A:unknown {
COLOR: navy; TEXT-DECORATION: none
}
A:link {
COLOR: navy; TEXT-DECORATION: none
}
A:visited {
COLOR: navy; TEXT-DECORATION: none
}
A:hover {
COLOR: navy; BACKGROUND: #FFFF99
}
</STYLE>
</head>
<body>
<table width=150 height=70 border=0>
<tr><td style="background:#d0cece;"><center>:: menù ::<center> </td></tr>
<tr>
<td class="riga" onMouseOver="this.className='due'" onMouseOut="this.className=''">
<center>news<center> </td></tr>
<tr>
<td onMouseOver="this.className='due'" onMouseOut="this.className=''">
<center>info<center> </td></tr>
<tr>
<td onMouseOver="this.className='due'" onMouseOut="this.className=''">
<center>portfolio<center> </td></tr></table>
</body>
</html>
SPIEGAZIONE:
è esattamente il tuo codice, io ho solo aggiunto uno style per il testo e i link così vedi meglio cosa mi occorrerebbe.
A me servirebbe ke il link sia su tutta la riga anche nelle zone dove il mouse non trova del testo.
Non appena modifico lo Style come mi hai suggerito, il link si attiva solo sulla parte di testo e non più su tutta la riga.
Ci stò lavorando adesso, quindi può darsi ke risolva da solo ma, se ti và di darmi 1 mano....
Grazie Mille
bhè se vuoi il link a tutta la cella non devi usare i css ma metti :Originariamente inviato da Didjemaster
OK grazie, ecco il codice:
<html>
<head>
<title>Menu con rollover bordi</title>
<style>
table {
border: 1px solid black;}
td {
height:25px;
border: 1px solid white;
font-family: verdana;
font-size:10px;
background:white;}
td a:link {
position:relative;
display:block;
font-size:10px;
color: #061998;
text-decoration: none;}
td a:hover {
position:relative;
font-size:10px;
color: #4ebafa;
text-decoration: none;}
td a:visited {
font-size:10px;
color: #4ebafa;
text-decoration: none;}
.due {
border: 1px solid black;
background:#b1f3e4;}
</style>
<STYLE>A:active {
COLOR: navy; TEXT-DECORATION: none
}
A:unknown {
COLOR: navy; TEXT-DECORATION: none
}
A:link {
COLOR: navy; TEXT-DECORATION: none
}
A:visited {
COLOR: navy; TEXT-DECORATION: none
}
A:hover {
COLOR: navy; BACKGROUND: #FFFF99
}
</STYLE>
</head>
<body>
<table width=150 height=70 border=0>
<tr><td style="background:#d0cece;"><center>:: menù ::<center> </td></tr>
<tr>
<td class="riga" onMouseOver="this.className='due'" onMouseOut="this.className=''">
<center>news<center> </td></tr>
<tr>
<td onMouseOver="this.className='due'" onMouseOut="this.className=''">
<center>info<center> </td></tr>
<tr>
<td onMouseOver="this.className='due'" onMouseOut="this.className=''">
<center>portfolio<center> </td></tr></table>
</body>
</html>
SPIEGAZIONE:
è esattamente il tuo codice, io ho solo aggiunto uno style per il testo e i link così vedi meglio cosa mi occorrerebbe.
A me servirebbe ke il link sia su tutta la riga anche nelle zone dove il mouse non trova del testo.
Non appena modifico lo Style come mi hai suggerito, il link si attiva solo sulla parte di testo e non più su tutta la riga.
Ci stò lavorando adesso, quindi può darsi ke risolva da solo ma, se ti và di darmi 1 mano....
Grazie Mille
<td>...</td>
sempre css sono.....piero..Originariamente inviato da piero06
bhè se vuoi il link a tutta la cella non devi usare i css ma metti :
<td>...</td>
Anche io leggo barze-bastarde
Athlon 64 X2 4400@2500 daily - Zalman CNPS9500 - Asus A8n-Sli Premium - Crucial Ballistix Tracer PC4000 500mhz Sinc. - Sapphire Radeon X1900XT 512mb - Zalman VF900Cu - Seagate 320Gb 7200.10 - LG H22N 18x - T.t. Soprano - LcPower Titan 560W
Permessi di invio
Rispondi quotando