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

    domanda stupida su codice html link

    salve..

    ho una domanda davvero stupida.. ma provo lo stesso a inserirla lo stesso, magari qualcuno di buon cuore mi risponde...

    dato questo codice base semplicissimo:

    <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
    <a href="HTTP://www.sito.com" target="_self">La
    Storia</a></font>

    come posso fare per fare in modo che solo questo link, senza richiamare fogli di stile (quello del sito implica comportamenti diversi), al passaggio del mouse cambi lo sfondo del testo?

    lo so che è banale... ma please.. help me...

    Grazie 1000
    Il Rugby è la poesia del sacrificio!

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    764
    Innanzitutto io toglierei quel font...

    Perché non crei nel file CSS una classe apposta con le caratteristiche che desideri (es: testo1)?
    La Storia

  3. #3
    ok, in effetti si può fare.. ma ad esempio... se creo questa riga di class apposita:

    .titlenews2 {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

    quale codice devo aggiungere per dirgli che al link, sul mouse over, deve cambiare sfondo al testo?

    mi spiego.. nel css che uso ci sono già delle righe riservate a tutti i link.. come faccio a specificare, solo su questa class, che il link deve avere quelle caratteristiche?

    grazie
    Il Rugby è la poesia del sacrificio!

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    764
    Devi usare le pseudoclassi.

    Qualcosa di questo tipo:

    .titlenews2 A:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    background-color: #666666;
    color: #FFFFFF;
    }

    Ti suggerisco comunque di dare un'occhiata alla guida sui CSS di html.it

  5. #5
    roby, scusa, ci sto provando..

    ma creando una classe nel css di questo tipo:

    .titlenews2 A:hover {...etc

    come la richiamo?
    con... <a href....etc... class="???

    che richiamo ci va nel class? solo titlenews2, .titlenews2, .titlenews2 a:hover, o... boh?

    lo so che so ignorante.. ma anche con le guide nonmi è chiarissimo...

    qualcuno mi diceva che posso usare anche gli attributi style all'interno del singolo tag di link... ma anche qui, riesco a far cambiare colore al testo, ma non so come inserire gli attributi a: del link...

    pls... help me!!!

    grazie
    Il Rugby è la poesia del sacrificio!

  6. #6
    diciamo che ho risolto il cambiamento dello sfondo utilizzando questo attributo della tabella:

    <td height="16" onmouseover="this.style.backgroundColor='ff33ff';" onmouseout="this.style.backgroundColor='transparen t';">

    se volessi abbinarci un cambiamento del testo all'interno della tabella? è possibile lavorare sempre con gli attributi della tabella, anche se il testo in questione è un link, oppure devo cambiare il css?

    grazie
    Il Rugby è la poesia del sacrificio!

  7. #7
    1. non usare le tabelle per il layout
    2. studia i CSS
    _________________________
    @Roby140569:
    1. scrivi tutto minuscolo
    2. usa le shorthand
    codice:
    font: font-style (italic/normal) font-variant (small-caps) font-weight font-size/line-height font-family;
    3. invece di
    codice:
    #666666 e #FFFFFF
    scrivi
    codice:
    #666 e #fff
    _________________________

    tornando a noi

    codice:
    .className a:link
    {
       background:#fff;
       color:#000
    }
    
    .className a:visited
    {
       background:#fff;
       color:#f30
    }
    
    .className a:hover
    {
       background:#000;
       color:#fff
    }
    
    .classNme a:active
    {
       background:#000;
       color:#f30
    }
    edit: grazie a Myaku per la correzione

  8. #8
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da gabip87
    codice:
    .classNme a:active
    ti sei perso la e per strada ... ... cose che capitano!

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.