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

    Link che va a capo senza rispettare "outline: none"

    Ciao a tutti, avrei bisogno di un aiuto con un link in CSS.
    Sto mettendo a punto un sito e un blog e in entrambi ultimamente ho dei problemi con i link che mi finiscono a capo riga. Con tutti gli altri siti che ho creato non mi è mai successo ma non so perchè, ultimamente è uscito questo problema. Così ho provato ad inserire "outline: none", ma senza ottenere risultati.
    Di seguito posto il mio codice CSS e HTML praticamente uguale per entrambi i siti.

    codice:
    .copyright {margin: 0;
    padding: 50px 0;
    line-height: 50px;
    outline: none;
    float: left;
    outline: none;
    }
    
    
    .link {
    text-decoration: none;
    color: #fe9293;
    outline: none;
    }
    
    
    .a {
    text-decoration: none;
    color: #fe9293;
    outline: none;
    }
    
    
    .link a {
    text-decoration: none;
    color: #fe9293;
    }
    
    
    .link a:hover {
    text-decoration:underline;
    color: #fe9293;
    }
    codice:
    <div class="copyright">bla bla bla © 
    
    2013 bla bla bla • <div class="link"><div class="a"><a href=" ">Privacy 
    
    
    Policy</a></div></div></div>
    Grazie in anticipo
    JenniferM

  2. #2

  3. #3
    Quote Originariamente inviata da ac_socmel Visualizza il messaggio
    mostra un link
    http://jennifermarchioro.altervista.org/index.html
    Questa è la homepage di prova caricata su altervista.
    Scorri fino a fondo pagina e c'è il link

  4. #4
    non capisco quale problema incontri
    il link si trova nei suoi div e funziona bene
    spiega meglio cosa vorresti ottenere

    detto questo tutti quegli outline li puoi rimuovere
    outline andrebbe applicato soltanto al tag a

  5. #5
    Quote Originariamente inviata da ac_socmel Visualizza il messaggio
    non capisco quale problema incontri
    il link si trova nei suoi div e funziona bene
    spiega meglio cosa vorresti ottenere
    il link dovrebbe trovarsi nella stessa riga del copyright, dopo il punto

  6. #6
    Utente di HTML.it
    Registrato dal
    Oct 2013
    Messaggi
    49
    outline ti gestisce il bordo esterno di un elemnto che ha il focus, ad esempio nei textbox.

    forse intendevi utilizzare display:inline per i div del link.

    Però direi che è sufficiente questo codice per avere il link inline con il resto del copyright:

    codice:
    <div class="copyright">bla bla bla © 
    
    2013 bla bla bla • <a href=" " class="link">Privacy Policy</a>
    
    </div>

    eviti così di annidare troppi div


  7. #7
    rimuovi
    codice:
    <div class="link"><div class="a">
    e anche le rispettive chiusure

  8. #8
    Quote Originariamente inviata da widoz83 Visualizza il messaggio
    outline ti gestisce il bordo esterno di un elemnto che ha il focus, ad esempio nei textbox.

    forse intendevi utilizzare display:inline per i div del link.

    Però direi che è sufficiente questo codice per avere il link inline con il resto del copyright:

    codice:
    <div class="copyright">bla bla bla © 
    
    2013 bla bla bla • <a href=" " class="link">Privacy Policy</a>
    
    </div>

    eviti così di annidare troppi div

    Direi che ho fatto un errore a dir poco da sciocca
    Hai risolto tutto e grazie per il consiglio sull'annidamento!

Tag per questa discussione

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.