Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    CSS diversi nella stessa pagina.

    Ho bisogno di associare ai link testuali di un menù_UP il nero ed ai link testuali del menù_DW il bianco.

    Ho usato un foglio di stile per tutto (titoli, sottotitoli, testi .... link); in questo css il colore dei link è nero.
    Ho incluso un secondo css con i link bianchi, però i link inseriti prendono le caratteristiche del css incluso per secondo.

    Come posso definire due link testuali di colore diverso ed applicarli ai vari testi?
    Ciao e grazie.

  2. #2
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    crei delle classi:

    codice:
    ...
    che richiami nel css:

    codice:
    .nomeclasse {
     /* stile */
    }
    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  3. #3

    Grazie ...

    ... ma continuo a sbagliare da qualche parte!
    Se hai tempo e voglia, questo è quello che faccio e che non funziona.

    QUESTA E' LA PAGINA HTML
    .....
    <link rel="stylesheet" href="stile.css" type="text/css">
    </head>
    <body bgcolor="#FFFFFF" text="#000000">
    <p class="titolo">file 1.htm</p>
    <p class="testo">testo file 1.htm</p>
    <p class="testo">link normale file 2.htm</p>
    ....
    ....
    ....
    ....
    ....
    <p class="bianco">testo con altri attributi</p>
    </body>
    </html>


    E QUESTO E' IL FOGLIO DI STILE

    .titolo { font-family: Verdana; font-size: medium; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #666666}
    .testo { font-family: Verdana; font-size: x-small; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #666666}

    .bianco { font-family: Verdana; font-size: x-small; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FF0000}

    a:link { font-family: Verdana; font-size: x-small; color: #999999}
    a:active { font-family: Verdana; font-size: x-small; font-style: normal; color: #999999; text-decoration: underline}
    a:active { line-height: normal; font-weight: normal; font-variant: normal; text-transform: none}
    a:hover { font-family: Verdana; font-weight: normal; color: #999999; font-size: x-small; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; text-decoration: underline}
    a:link { font-style: normal; line-height: normal; font-weight: normal; font-variant: normal}
    a:visited { font-family: Verdana; font-size: x-small; font-style: italic; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #999999}

    Fino a quando scrivo il testo del link, vengono usati gli attributi di .bianco; quando associo il link, diventa un link come gli altri ...

    Grazie

  4. #4
    prova a mettere class="bianco" in a e non in p
    Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan

  5. #5
    Originariamente inviato da flanza
    prova a mettere class="bianco" in a e non in p
    Ciao,
    è una delle cose che avevo provato ... e che adesso ho riprovato, ma niente.

    Di "strano" c'è che in Dreamweaver lo vedo correttamente, nell'anteprima brower (IE), no.



    Grazie.

  6. #6
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    lascia perdere anteprime e programmi.
    prova a salvarlo come html e aprirlo da un browser. magari mettilo su internet ke vediamo anke noi
    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  7. #7
    nel css hai ripetuto varie volte a:link e simili come se volessi che .bianco prendesse le pseudoclassi che lo seguono, non funziona così.

    Se nel css hai due volte a:link {} semplicemente se ci sono proprietà ripetute prevarrà l'ultima nella sequenza, per il resto tutti gli a:link interessano tutti i link a meno di diverse indicazioni.

    Devi fare così:

    .bianco a {color:quello-che-vuoi;eccetera}/*vale come a:link, a:visited eccetera*/
    .bianco a:visited eccetera.

    in questo modo quelle proprietà verranno associati ai link di

    <p classe="bianco"> e ai link di tutti gli altri elementi di classe bianco.

    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.