Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1

    CSS

    Scusate ragazzi la domanda sicuramente banale...
    nella mia paginetta html ho settato nel foglio di stile che i link non hanno nessun "text-decoration", per evitare la sottilineatura...fin qui ok...
    adesso però ho dei link testuali che invece debbono essere sottolineati...ho creato una class apposta, con l'underline, ma ovviamente la linea non compare perchè nella proprietà di pagina ho settato "text-decoration:none"...
    mumble, mumble...
    come lo risolvo il problema????
    sicuramente è facile...
    Digito, ergo sum...

  2. #2
    Nella classe per quelli sottolineati imposti
    codice:
    .sottolineati {
       text-decoration:underline;
    }

  3. #3
    Non togliere la decorazione usando le proprietà della pagina,
    ma fai una classe per quelli sottolineati e una per quelli non sottolineati, semplice no?

  4. #4
    Originariamente inviato da axa 89
    Non togliere la decorazione usando le proprietà della pagina,
    ma fai una classe per quelli sottolineati e una per quelli non sottolineati, semplice no?
    Bè, se quelli sottolineati ricorrono di rado direi che una proprietà generale di non-sottolineatura per tutti e una classe per gli altri vadano bene. Dipende sempre dal contesto.

  5. #5

  6. #6
    credo di aver fatto così infatti...
    nella pagina html dove ci sono i link c'è il seguente codice:

    <style type="text/css">
    <!--
    a:link {
    text-decoration: none;
    color: #333333;
    }
    a:visited {
    text-decoration: none;
    color: #333333;
    }
    a:hover {
    text-decoration: none;
    color: #333333;
    }
    a:active {
    text-decoration: none;
    color: #333333;
    }
    -->
    </style>


    ...mentre nel foglio di stile c'è la classe:

    .linktext {
    color: #333333;
    font-weight:bold;
    text-decoration:underline;
    }

    ...i link testuali richiamano questa classe, ma non funziona!!
    Digito, ergo sum...

  7. #7
    codice:
    a.nonsottolineati:link, a.nonsottolineati:visited, a.nonsottolineati:active{text-decoration: none;}
    a.nonsottolineati:hover{}
    	
    a.sottolineati:link, a.sottolineati:visited, a.sottolineati:active{text-decoration: underline;}
    a.sottolineati:hover{}
    usa questo

  8. #8
    dopo ai link assegni class="sottolineati" per quelli sottolineati, e class="nonsottolineati" per quelli non sottolineati!

  9. #9
    attenzione: per questioni di usabilità è sconsigliabile togliere la sottolineatura ai collegamenti (se non è un menù)

  10. #10
    scusa la domada stupida...il codice va posto nella pagina html o nel foglio di stile?
    Digito, ergo sum...

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.