Utility
Home Messaggi odierni FAQ Ricerca avanzata Lo staff del forum Regolamento Utenti Archivio
Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. 27-04-2004, 10:22 #1
    Starky
    Starky non è in linea
    Utente di HTML.it L'avatar di Starky
    Registrato dal
    May 2001
    Messaggi
    407
    Invia un messaggio tramite ICQ a Starky

    Css: perchè non visualizza il link bianco

    Ciao a tutti,

    sto sviluppando un sito e mi occorre che i link del menu orizzontale siano bianchi su sfondo azzurro.

    Il problema è che i link si colorano di nero ...

    Sicuramente sbaglio a impostare il css ma non capiso dove


    Questo è l'html del menu orizzontale

    codice:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> 
<td width="99" class="puls_menu">
home
</td>
<td width="99" class="puls_menu">
sitemap
</td>
<td width="99" class="puls_menu">
link utili
</td>
<td width="99" class="puls_menu">
contattaci
</td>
<td width="99" class="puls_menu">
aiuto
</td>
<td width="401" bgcolor="#B3BDC9" align="right">
<%=data_completa%>
</td>
</tr>
</table>
    mentre questo è parte del foglio di stile che utilizzo
    codice:
    BODY { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2B2C2D;
background-color: FFFFFF;
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: 0px;
padding:0;
text-decoration: none;
}

BODY a:link, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2B2C2D;
text-decoration: none;
}

.puls_menu{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-image: url(images/puls_menu.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
height: 17px;
width: 96px;
text-decoration: none;
text-align: center;
}

.bianco {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}

A.bianco:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
    Secondo me piglia in automatico lo stile specificato nel body ...
    ma non so come forzarlo a leggere un'altro stile!

    Grazie per l'attenzione!

    Aggiungo il link per vedere l'esempio (il link diventa bianco solo al passaggio del mouse invece dovrebbe essere bianco sempre)

    prova home


    my pws: cafedelsol.it


    il presente non ha estensione. è soltanto il continuo tradursi del futuro nel passato.
    Rispondi quotando Rispondi quotando
  2. 27-04-2004, 10:42 #2
    gordian
    gordian non è in linea
    Utente di HTML.it L'avatar di gordian
    Registrato dal
    Sep 2002
    Messaggi
    1,139
    Codice PHP:
    <!--
    body { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #2B2C2D;
    background-color: FFFFFF;
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px;
    padding:0;
    text-decoration: none;
    }
    a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    }

    a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    }

    a:link { font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #FFFFFF; } 

    .puls_menu{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-image: url(images/puls_menu.gif);
    background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
    height: 17px;
    width: 96px;
    text-decoration: none;
    text-align: center;
    color: #000066;
    }


    -->
    </    style>
    </    head>

    <    body bgcolor="#FFFFFF" text="#000000">
    <    table width="100%" border="0" cellspacing="0" cellpadding="0">
    <    tr> 
    <    td width="99" class="puls_menu">
    [    url="<%=path_link%>/index.asp"]home[/url]
    </    td>
    <    td width="99" class="puls_menu">
    [    url="<%=path_link%>/map/map.asp"]sitemap[/url]
    </    td>
    <    td width="99" class="puls_menu">
    [    url="<%=path_link%>/link/link.asp"]link utili[/url]
    </    td>
    <    td width="99" class="puls_menu">
    [    url="<%=path_link%>/contatti/contatti.asp"]contattaci[/url]
    </    td>
    <    td width="99" class="puls_menu">
    [    url="<%=path_link%>/aiuto/aiuto.asp"]aiuto[/url]
    </    td>
    <    td width="401" bgcolor="#B3BDC9" align="right">
    <%=    data_completa%>
    </    td>
    </    tr>
    </    table> 
    Rispondi quotando Rispondi quotando
  3. 27-04-2004, 10:47 #3
    delfina blu
    delfina blu non è in linea
    Utente di HTML.it L'avatar di delfina blu
    Registrato dal
    May 2002
    Messaggi
    516
    codice:
    BODY { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2B2C2D;
background-color: FFFFFF;   ATTENZIONE deve essere #FFFFFF;
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: 0px;
padding:0;
text-decoration: none;
}
    Fai molta attenzione!

    E poi ci sono delle ripetizioni... sicura che non prendere le specifiche che ci sono nel body? In fondo hai definito due modi differenti legati allo stesso tag.

    Delphy
    Flickr .:. Work In Progress

    Non lasciare la mia mano, ovunque sarai, con chiunque ti accompagnerai. Non dimenticarti di me, ne morirei.
    Rispondi quotando Rispondi quotando
  4. 27-04-2004, 10:56 #4
    Federix
    Federix non è in linea
    Utente di HTML.it L'avatar di Federix
    Registrato dal
    Aug 2002
    Messaggi
    8,951
    Così è più semplice:
    codice:
    bianco a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"
    Rispondi quotando Rispondi quotando
  5. 27-04-2004, 11:01 #5
    Starky
    Starky non è in linea
    Utente di HTML.it L'avatar di Starky
    Registrato dal
    May 2001
    Messaggi
    407
    Invia un messaggio tramite ICQ a Starky
    Originariamente inviato da delfina blu

    Fai molta attenzione!

    E poi ci sono delle ripetizioni... sicura che non prendere le specifiche che ci sono nel body? In fondo hai definito due modi differenti legati allo stesso tag.

    Delphy
    Corretto grazie



    Per gordian

    Ho risolto la questione del menu orizzontale sostituendo il codice che mi hai postato.
    L'unica cosa è che ora mi setta tutti gli altri link in bianco pur specificando una diversa classe di stile.

    my pws: cafedelsol.it


    il presente non ha estensione. è soltanto il continuo tradursi del futuro nel passato.
    Rispondi quotando Rispondi quotando
  6. 27-04-2004, 11:02 #6
    Federix
    Federix non è in linea
    Utente di HTML.it L'avatar di Federix
    Registrato dal
    Aug 2002
    Messaggi
    8,951
    Originariamente inviato da Federix
    Così è più semplice:
    codice:
    bianco a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
    Hai provato :quote: :quote: :quote: :quote:
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"
    Rispondi quotando Rispondi quotando
  7. 27-04-2004, 11:04 #7
    Starky
    Starky non è in linea
    Utente di HTML.it L'avatar di Starky
    Registrato dal
    May 2001
    Messaggi
    407
    Invia un messaggio tramite ICQ a Starky
    Originariamente inviato da Federix
    Hai provato :quote: :quote: :quote: :quote:

    ma veramente quella classe l'ho cancellata perchè non serviva più ... :master:

    ho fatto male??




    Non ci capisco piu' nulla con sti cavolo di fogli di stile!!!!

    my pws: cafedelsol.it


    il presente non ha estensione. è soltanto il continuo tradursi del futuro nel passato.
    Rispondi quotando Rispondi quotando
  8. 27-04-2004, 11:08 #8
    Federix
    Federix non è in linea
    Utente di HTML.it L'avatar di Federix
    Registrato dal
    Aug 2002
    Messaggi
    8,951
    Ora ti spiego. Se metti il codice che ti ha postato gordian, tutti i link assumeranno valori tutti uguali, indifferentemente dalla classe applicata. Se invece metti il tuo codice ed il mio, solamente la classe bianco avrà gli effetti desiderati:
    codice:
    .bianco {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
bianco a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003399;
text-decoration: none;
}
    Quando passi sui link con classe bianco, il colore del link diventerà blu (esempio).
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"
    Rispondi quotando Rispondi quotando
  9. 27-04-2004, 11:14 #9
    Starky
    Starky non è in linea
    Utente di HTML.it L'avatar di Starky
    Registrato dal
    May 2001
    Messaggi
    407
    Invia un messaggio tramite ICQ a Starky
    Originariamente inviato da Federix
    Ora ti spiego. Se metti il codice che ti ha postato gordian, tutti i link assumeranno valori tutti uguali, indifferentemente dalla classe applicata. Se invece metti il tuo codice ed il mio, solamente la classe bianco avrà gli effetti desiderati:
    codice:
    .bianco {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
bianco a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003399;
text-decoration: none;
}
    Quando passi sui link con classe bianco, il colore del link diventerà
    blu (esempio).

    Benissimo. Quindi il body lo sego via e imposto nuovamente la classe bianco e la applico SOLO a quei link che voglio che diventino bianchi giusto?
    my pws: cafedelsol.it


    il presente non ha estensione. è soltanto il continuo tradursi del futuro nel passato.
    Rispondi quotando Rispondi quotando
  10. 27-04-2004, 11:18 #10
    Federix
    Federix non è in linea
    Utente di HTML.it L'avatar di Federix
    Registrato dal
    Aug 2002
    Messaggi
    8,951
    Scusa ma a questo punto non capico cosa vuoi fare.
    Vuoi che il link diventi bianco al passaggio del mouse, oppure il link deve essere sempre bianco (sia al passaggio del mouse che normalmente)????
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"
    Rispondi quotando Rispondi quotando
« Discussione precedente | Prossima discussione »

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  

Regole del Forum

Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.