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

    non trovo comando CSS

    non riesco a trovare il comando per fare questo:

    mio link (senza mouse sopra)
    mio link (con mouse sopra)

    voi direte tutto quà ? solo che il testo "mio link" deve solo
    passare da normale a bold SENZA aumentare le proprie dimensioni.
    Invece a me varia la lunghezza.

    Ecco il codice che uso:
    codice:
    A {
    	COLOR: #0066CC; CURSOR: hand; FONT: 11px Verdana, Tahoma, Arial, sans-serif; TEXT-DECORATION: none; font-weight: normal;
    }
    A:hover {
    	COLOR: #993333; CURSOR: hand; FONT: 11px Verdana, Tahoma, Arial, sans-serif; TEXT-DECORATION: none; font-weight: bold;
    }
    A:active {
    	COLOR: #0066CC
    }

  2. #2
    Utente di HTML.it L'avatar di miki.
    Registrato dal
    Oct 2004
    Messaggi
    1,918
    è normale che aumenti la lunghezza. Guarda le prove "mio link" che hai scritto te, e quella con il bold è più lunga. Per evitare l'allungamento della frase, potresti provare a diminuire la grandezza del font. Ma non so cosa possa venir fuori
    You cannot discover new oceans unless you have the courage to lose sight of the shore

    Caro Dio, quando nelle preghiere ti chiedevo di far morire quel pedofilo truccato, liftato,mentalmente disturbato e di colore indefinibile, non intendevo Michael Jackson.

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    In pratica vuoi usare dei font con larghezza diversa e realizzare un testo che non cambia la sua larghezza.

    La cosa e` naturalmente fattibile se usi font a larghezza fissa, tipo:
    font: 11px Monaco Courier monospace;

    Invece se vuoi usare i tuoi font, dovresti lavorare sullo spazio tra i caratteri. Non so pero` come si comportano i vari browser in questi casi:
    codice:
    a:link {
      color: #0066CC; 
      cursor: pointer;
      font-size: 11px;
      font-family: Verdana, Tahoma, Arial, sans-serif;
      font-weight: normal;
      font-stretch: wider;
      text-decoration: none;
    }
    a:hover {
      color: #993333; 
      cursor: pointer;
      font-size: 11px;
      font-family: Verdana, Tahoma, Arial, sans-serif;
      font-weight: bold;
      font-stretch: normal;
      text-decoration: none;
    }
    Nota: ho trasformato il tuo CSS in formato standard (il tuo era pieno di errori).

    Per riferimento: http://www.w3schools.com/css/css_reference.asp#font
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.