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

    [CSS] Spaziature tra elementi di un <UL>

    Ho un elenco puntato, tra le cui voci ho inserito anche un sottoelenco.
    Questo sottoelenco è però formattato con una spaziatura a dir poco eccessiva rispetto al punto elenco dal quale "nasce", e mi produce un layout poco logico...
    esistono comandi CSS che mi permettono di ridurre / aumentare la spaziatura tra i punti di un elenco?

  2. #2
    Intendi l'indentazione della sotto-lista? Per capirci, lo spazio orizzontale sulla sinistra?

    Io proverei così:
    codice:
    ul ul { margin-left:5px }

  3. #3
    no, lo spazio (verticale) tra la voce dell'elenco principale e il sottoelemento.
    Non so se mi sono fatto capire

  4. #4
    Allora, vediamo di capirci. Tu hai una struttura simile?
    codice:
    <ul>[*]Primo capitolo[*]Secondo capitolo[*]
          Terzo capitolo
          <ul>[*]Primo sottocapitolo[*]Secondo sottocapitolo[/list]
       [/list]
    Se ho capito bene tu vorresti che la sotto-lista sia meno distanziata, superiormente, dal secondo (in questo caso) elemento del'elenco principale.

    Nel qual caso agirei così:
    codice:
    ul ul { margin-top:0 }

  5. #5
    Perfetto!! grazie!

    Adesso ho tutto compresso. Come faccio per distanziare le voci del menu principale ora? ho provato ad applicare un margin-bottom all'elenco principale, ma non mi da risultati...dove sbaglio?

  6. #6
    Utente di HTML.it L'avatar di Polley
    Registrato dal
    Jan 2005
    Messaggi
    696
    Problema con gli elementi li

    riuppo il thread per un problema ad un elenco

    <ul>[*]<a>link</a>[*]<a>link</a>[/list]


    ul {margin: 0; padding: 0;}
    li {margin: 0; padding: 0;}


    con IE mi dà uno spazio - padding - interno, ho provato a dargli il display:block, ho provato a formattare il testo font-size etc.. nel li, ho provato con line-height ma non cè niente da fare rimane sempre dello spazio interno, come mai ?

    ho un documento xhtml strict con la dichiarazione dell'xml !!



  7. #7
    IE sembra che esegua il rendering anche degli spazi bianchi e caratteri di nuova riga nel sorgente del documento.

    Prova a togliere spazi bianchi e ritorni a capo:

    <ul>[*]<a>link</a>[*]<a>link</a>[/list]

    HTH
    Qualunque imbecille può inventare e imporre tasse. (Maffeo Pantaleoni)

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 © 2024 vBulletin Solutions, Inc. All rights reserved.