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

    Adattare Width DIV a lista UL adattata a LI

    Buonasera a tutti, sto creando un semplice menù usando una lista di link. La lista (UL) è contenuta in un div e gli elementi al suo interno (LI) sono impostati per essere visualizzati in orizzontale (con display:inline). Ho trovato il modo di adattare l'intera lista (UL) a tutti gli LI utilizzando il metodo display:table per UL e display:table-cell per gli LI. Come faccio ora ad adattare il DIV alla lista UL che si adatta automaticamente agli LI che contiene?

    Perdonate l'incomprensibilità ma non so come spiegarlo meglio di così.

    In ogni caso allego un po' di codice così si riesce a capire meglio quello che voglio dire.
    Ho evidenziato con i bordi gialli il tag UL e con il bordo rosso il DIV.
    Vorrei che il bordo rosso coincidesse con quello giallo senza avere una larghezza fissa, in modo da poter modificare in qualsiasi momento gli elementi della lista senza star lì a modificare le dimensioni.
    http://jsfiddle.net/TgdaH/

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao, prova con display:inline-block sul div.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Cavolo, ed io che pensavo che fosse complicato. Grazie mille

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.