+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

ul affiancate

Ultimo Messaggio di glucaweb il:
  1. #1
    User
    Data Registrazione
    Aug 2008
    Messaggi
    219

    ul affiancate

    Buonasera a tutti!
    vorrei, attraverso il css, affiancare più liste orizzontalmente, purtroppo dopo svariati tentativi non riesco a venirne a capo.

    Vorrei realizzare questo:

    Codice:
    Lista1           Lista2
    voce1.1        voce2.1
    voce1.2        voce2.2
    voce1.3        voce2.3
    però entrambe devono essere contenute in un elemento con lo stesso sfondo.

    avevo provato con questo:

    Codice:
    <div style="background-color:red;">
    <ul style="display:inline;">
    <li>voce1.1</li>
    <li>voce1.2</li>
    <li>voce1.3</li>
    </ul>
    <ul style="display:inline;">
    <li>voce2.1</li>
    <li>voce2.2</li>
    <li>voce2.3</li>
    </ul>
    </div>
    (ho messo il css in linea per semplicità)

    un'altra prova anziché il "display:inline" avevo messo "float:left" che raggiunge il mio obiettivo, però le due ul "escono" dal div.

    Qualcuno ha avuto un problema simile e mi puoi aiutare?

    Grazie fin da subito!

  2. #2
    User L'avatar di codencode
    Data Registrazione
    Nov 2009
    Località
    Isernia
    Messaggi
    403
    Segui codencode su Twitter Aggiungi codencode su Google+ Aggiungi codencode su Facebook Aggiungi codencode su Linkedin Visita il canale Youtube di codencode
    Il float: left assegnato all'ul va bene a patto che assegni all'ul anche una width (assoluta o relativa).
    Web agency | codencode.it | posizionamentositointernet.net

  3. #3
    User
    Data Registrazione
    Aug 2008
    Messaggi
    219
    Grazie dell'aiuto

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.