• T
    User Newbie •

    Problema CSS e links

    Scusate mi sono appena iscritto e non so dove scrivere, magari voi potete aiutarmi! Ho un problema con i link CSS. Impostando a, a:link, a:hover con determinati colori, li ritrovo completamente divarsi nel momento in cui vado in visualizzazione anteprima e addirittura anche nei browser! sapete da cosa dipende? il codice che utilizzo è questo:

    a:link {
color: #0000ff;             /*Blu*/
font-weight:bold;
font-style:italic;
}
a:visited {
color: #ff6600;           /*arancione*/
}
a:hover, a:active {      /*Giallo*/
color: #ffff00;
}

    Il tag a non funziona per niente, non funzionano neanche il font-weight e style!
    Premetto che è da poco che mi sto affacciando al mondo CSS, magari la soluzione è piu semplice di quanto penso!!
    Grazie per l'aiuto

    0
  • P
    User •

    Ciao The_punisher, è possibile vi siano conflitti con qualcos'altro nella tua pagina, puoi farci vedere il tuo codice completo?

    0
  • T
    User Newbie • 
    body {
scrollbar-face-color:#A6A6FF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#400040;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#E5E5E5;}
}
 
#TabDes {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#9999ff',EndColorStr='#ffffff');
} td.TabDes_LDes {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#ffffff',EndColorStr='#000099');
} td.TabDes_LSin {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#000099',EndColorStr='#ffffff');
} td.TabDes_LSup {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#000099',EndColorStr='#ffffff');
} td.TabDes_LInf {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#ffffff',EndColorStr='#000099');
}
 
#TabInf td.TabInf_LSup {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#000099',EndColorStr='#ffffff');
} td.TabInf_LSin {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#000099',EndColorStr='#ffffff');
} td.TabInf_LDes {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#ffffff',EndColorStr='#000099');
} td.TabInf_LInf {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#ffffff',EndColorStr='#000099');
}
 
#TabCont td.TabCont_LSup {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#000099',EndColorStr='#ffffff');
} td.TabCont_LSin {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#000099',EndColorStr='#ffffff');
} td.TabCont_LDes {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#ffffff',EndColorStr='#000099');
} td.TabCont_LInf {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#ffffff',EndColorStr='#000099');
}
 
p {
size:10px; 
line-height:150%; 
text-indent:10; 
margin-right:0; 
margin-top:0;
margin-bottom:7
}
 
table#Menu {
size:12px;
width:150px;
height:300;
}
table#Menu ul,li {
list-style:none;
text-align:center;
padding-left:2px;
padding-right:1px;
padding-top:18px;
padding-bottom:9px;
margin-left:2px;
margin-right:-1px;
margin-top:-6px;
margin-bottom:-1px;
font-weight:bold;
}
 
table#Menu td.CellMenu1 a {
color:#000000;
padding-left:25px;
padding-right:30px;
padding-top:24px;
padding-bottom:26px;
margin-left:-10px;
margin-right:-10px;
margin-top:-10px;
margin-bottom:-6px; 
repeat-image:repeat-y;
text-decoration:none;
}
table#Menu td.CellMenu2 a {
color:#000000;
padding-left:30px;
padding-right:25px;
padding-top:20px;
padding-bottom:18px;
margin-left:-16px;
margin-right:-23px;
margin-top:-19px;
margin-bottom:-19px; 
text-decoration:none;
}
table#Menu td.CellMenu3 a {
color:#000000;
padding-left:25px;
padding-right:39px;
padding-top:22px;
padding-bottom:19px;
margin-left:-10px;
margin-right:-10px;
margin-top:-19px;
margin-bottom:-19px; 
text-decoration:none;
}
 
table#Menu td.CellMenu4 a {
color:#000000;
padding-left:25px;
padding-right:39px;
padding-top:22px;
padding-bottom:19px;
margin-left:-10px;
margin-right:-10px;
margin-top:-19px;
margin-bottom:-19px; 
text-decoration:none;
}
 
table#Menu td.CellMenu5 a {
color:#000000;
padding-left:25px;
padding-right:39px;
padding-top:22px;
padding-bottom:19px;
margin-left:-10px;
margin-right:-10px;
margin-top:-19px;
margin-bottom:-19px; 
text-decoration:none;
}
 
table#Menu td.CellMenu1 a:hover {
display:block;
background-image:url('images/Hover_Cell.jpg');
color:#000066;
padding-left:20px;
padding-right:35px;
padding-top:-2px;
padding-bottom:16px;
margin-left:-8px;
margin-right:-18px;
margin-top:-24px;
margin-bottom:-15px; 
text-decoration: underline;
repeat-image:repeat-y
}
table#Menu td.CellMenu2 a:hover {
display:block;
background-image:url('images/Hover_Cell.jpg');
color:#000066;
padding-left:50px;
padding-right:67px;
padding-top:22px;
padding-bottom:15px;
margin-left:-8px;
margin-right:-36px;
margin-top:-25px;
margin-bottom:-19px; 
text-decoration: underline;
}
table#Menu td.CellMenu3 a:hover {
display:block;
background-image:url('images/Hover_Cell.jpg');
color:#000066;
padding-left:19px;
padding-right:63px;
padding-top:19px;
padding-bottom:18px;
margin-left:-8px;
margin-right:-39px;
margin-top:-19px;
text-decoration: underline;
margin-bottom:-19px; 
}
//*
table#Menu td.CellMenu4 a:hover {
display:block;
background-image:url('images/Hover_Cell.jpg');
color:#000066;
padding-left:25px;
padding-right:39px;
padding-top:20px;
padding-bottom:18px;
margin-left:-8px;
margin-right:-34px;
margin-top:-19px;
text-decoration: underline;
margin-bottom:-19px; 
}
attivare questa cella qual'ora di dovesse inserire altra opzione,
nella cartella images è presente l'immagine relativa
*//
 
//*
table#Menu td.CellMenu5 a:hover {
display:block;
background-image:url('images/Hover_Cell.jpg');
color:#000066;
padding-left:25px;
padding-right:39px;
padding-top:20px;
padding-bottom:18px;
margin-left:-8px;
margin-right:-34px;
margin-top:-19px;
margin-bottom:-19px; 
text-decoration: underline;
}
attivare questa cella qual'ora di dovesse inserire altra opzione,
nella cartella images è presente l'immagine relativa
*//
td.CellInf{
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#ffffff',EndColorStr='#ff0000');
}
 
table#EseProvTP {
font-family:Comic Sans MS
font-size:9px;
font-weight:bold;
}
**a:link {**
**color: #ffff00;**
**text-decoration: none;**
**}**
**a:visited {**
**color: #ff9900;**
**text-decoration: none;**
**}**
**a:hover, a:active {**
**color: #ff0000;**
**text-decoration: underline;**
**}**

    In grassetto vi è il codice chemi crea problemi!!
    Questo è quello genrale in in cui vi è il codice in questione, premetto che all'interno del sito vi sono tanti altri piccoli CSS che gestiscono altre pagine con contenuti diversi!!!
    Sicuramente sara incasinato lo ammetto ma ancora nn ho praticità nel gestire i fogli CSS!
    anzi si accettano consigli, mi consigliate di fare un foglio unico per tutto il sito oppure più fogli che gestiscono il tutto?
    Per capire com'è la struttura del mio sito ti metto l'indirizzo: gi083web.interfree. it
    Sto facendo un corso webDesigner e stiamo mettndo online tutti i lavori che stiamo facendo, quindi capisci la semplicita della cosa, non ha nessuna utilità pratica il sito sen non quella di farci impratichire, è solo un'inizio per prenderci la mano

    Grazie per l'attenzione dedicatami!!!

    0
  • P
    User •

    Ho guardato la tua pagina, nel tuo css in rete manca la parte di codice che non verrebbe applicata. Ma inoltre gli unici link presenti sono quelli all'interno delle celle, ad esempio

    <td class="CellMenu3" width="150" height="60" bgcolor="#008080" background="terzo.jpg">
            <ul>
                <li><b><a href="Ecap/Ecap.htm">Ecap</a></b></li>
            </ul>
            </td>

    in questo caso il link interno alla cella CellMenu3 è definito già nel css

    table#Menu td.CellMenu3 a {
color:#000000;
padding-left:25px;
padding-right:39px;
padding-top:22px;
padding-bottom:19px;
margin-left:-10px;
margin-right:-10px;
margin-top:-19px;
margin-bottom:-19px; 
text-decoration:none;
}

    e seguirà queste impostazioni. Eventuali link, non presenti come detto, al di fuori delle celle cui sono applicate le classi CellMenu1-5, avrebbero invece l'altra formattazione.

    (ti faccio per inciso alcune osservazioni che non c'entrano col problema: nella tua pagina manca un doctype; manca il tag title; poi, puoi vederlo nella porzione di codice riportata su, l'uso di un elenco monovoce in ciascuna cella, se vuoi usare un elenco puoi raggruppare al suo interno tutti i link eliminando le celle, se mantieni le celle puoi eliminare gli elenchi; per la segnalazione di qualcos'altro da rivedere, puoi sottoporre la pagina al validatore del w3c. Quanto all'uso di css diversi, di certo converrà mettere in un foglio di stile a parte tutto ciò che serve solo a Explorer - come le indicazioni per le barre di scorrimento colorate e tutte quelle proprietà con filter - eviterai così di sottoporle ai browser che non le interpretano richiamando poi il css solo per Explorer attraverso un commento condizionale a questa maniera <!--[if IE]><link rel="stylesheet" type="text/css" href="nomeMioCssPerExplorer.css" /><![endif]-->. Poi puoi avere anche ulteriori css, se hai più sezioni che usano stili diversi, non ricorrenti in tutte le pagine, potresti creare fogli di stile diversi da richiamare solo dove servono, per evitare magari css lunghissimi e poco gestibili)

    0
  • T
    User Newbie •

    ti ringrazio per l'aiuto e per il tempo che mi hai dedicato cerchero di fare tesoro dei consigli che mi hai dato..!!! alla prossima!!

    0
Effettua l'accesso per rispondere