Visualizzazione dei risultati da 1 a 7 su 7

Discussione: spazio nell'elenco

  1. #1
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080

    spazio nell'elenco

    Ho un elenco puntato:

    codice:
    <hr>
    			<ul class="men">
    			[*]lll
    			[*]fff
    			[/list]
    			<hr>
    codice:
    hr
    {
    width:90%;
    border: 2px solid #fff;
    margin:0px;
    padding:0px;
    align:center;
    }
    .menu, .menu li, .menu ul, .menu a{
    display: inline;
    	list-style-image: none;
    	list-style-type: none;
    	margin:0px;
    		padding:0px;
    }
    Nonostante abbia i margin e i padding a 0px tra l'hr e il menu c'è un bello spazio. idem c'è spazio dal margine di sx a quello di dx della barra in cui è inserito.

  2. #2
    Prova a impostare anche questo per l'hr:
    codice:
    hr {
       height:.5em; line-height:.5em; /* o usa le dimensioni che vuoi */
       /* ... */
    }

  3. #3
    Originariamente inviato da pierofix
    Prova a impostare anche questo per l'hr:
    codice:
    hr {
       height:.5em; line-height:.5em; /* o usa le dimensioni che vuoi */
       /* ... */
    }
    P.S. La class nel markup l'avevi scritta giusta? Io leggo "men". Ah, un'altra cosa: perchè non indenti bene il codice quando lo posti? Così è tutto confuso.

  4. #4
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Ma mi sopporti ancora?

    codice:
    hr
    {
    width:90%;
    border: 2px solid #fff;
    margin:0px;
    padding:0px;
    align:center;
    height:.1em; line-height:.1em;
    }

    con quel codice sopra non cambia nulla...

    ma ci va il punto prima della dimensione?

    Comunque se al posto dell'elenco metto del testo tutto va ok!

  5. #5
    Prova a rimettere <ul> come elemento block.

    P.S. ".1" è come dire "0.1".

  6. #6
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    ossia?
    che vuol dire?

  7. #7
    Nel tuo css hai impostato anche .menu come display:inline. Dovresti creare una nuova istruzione in cui metti
    codice:
    .menu {
       display:block;
    }

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.