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

    Dividere equamente le voci dei link in una barra

    Ciao a tutti,
    ho un sito con una "navigation bar" subito sotto la header, con una serie di link che rimandano alle varie pagine che lo compongono.

    Con l'hover lo sfondo delle singole voci (e rispettiva area padding) cambia colore.

    Il problema è che le voci non occupano (anche con il padding) tutta la barra, e quindi, con il testo allineato a sinistra, a destra resta sempre una parte di barra che non cambia colore con l'hover dell'ultima voce.

    In sostanza: come posso far sì che il padding delle singole voci sia ripartito equamente in modo da "riempire" in toto la barra?

    Spero di essermi spiegato, altrimenti posso linkare!

    Grazie

  2. #2
    Utente di HTML.it L'avatar di oronze
    Registrato dal
    Jun 2001
    Messaggi
    3,543
    linka
    ma il css dell'hover lo applichi al div o al testo? dovresti applicarlo al div

    No ai layout tabellari!

    Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872

  3. #3
    Dipende dall'unità di misura con cui lavori.
    Cmq il concetto è lo stesso. Se hai, ad esempio, cinque voci del menu prendi la larghezza totale dello spazio incui sta il menu e la dividi per cinque (sia essa in percentuale che in px).
    Una volta ottenuto il "numerino" non fai altro che assegnare un display:block e un width:numerino al tag <a>
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  4. #4
    Allora, il sito è questo:

    www.yamasutra.com

    ... se nel css a "#navbar a" applico "display: block" e "width: totpx" le voci mi vengono allineate verticalmente... come posso risolvere?

    thanks!

  5. #5
    Originariamente inviato da antiriad
    ... se nel css a "#navbar a" applico "display: block" e "width: totpx" le voci mi vengono allineate verticalmente... come posso risolvere?
    Gli[*] li metti float:left e gli <a> li metti col display:block
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

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.