Visualizzazione dei risultati da 1 a 8 su 8

Discussione: centrare un menu

  1. #1
    Utente bannato
    Registrato dal
    Nov 2005
    Messaggi
    266

    centrare un menu

    ciao a tutti, ho il seguente problema, ho inserito sulla mia pagina html+css il seguente menu, però questo non mi risulta centrato ha un margine dal lato sinistro dello schermo di 3 cm e da quello destro di 5 cm, adesso posto il codice, potete aiutarmi a centrarlo esattamente nella pagina?

    <div id="navcontainer">
    <ul id="navlist">[*]Home[*]Negozio[*]Servizi[*]Gioielli[*]Pietre[*]Orologi[*]Contatti[*]Dove siamo[/list]
    </div>



    sotto il codice css



    #navcontainer
    {


    margin:0;
    padding: 5px 0 7px 5px;
    width: 1000px;
    line-height: 2;
    background-color: #522403;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 70%;
    }

    ul#navlist
    {
    display: inline;
    list-style: none;
    }

    ul#navlist li
    {
    float: left;
    width: auto;
    margin-right:1px;
    border: 3px solid #CAC67D;
    background-color: #522403;
    }

    ul#navlist li a
    {
    padding: 20px 35px 20px 35px;
    line-height: 1.75;
    text-decoration: none;
    color: #ffffff;
    }


    io ho provato con <center> </center> in html ma viene fuori quello che vi ho precedentemente detto.

  2. #2
    Utente di HTML.it L'avatar di dvd86
    Registrato dal
    Oct 2006
    Messaggi
    166
    prova a dare "margin: 0 auto" al div#navcontainer

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Dato che i brwoser usano di default proprieta` diverse per dare lo spazio al list-style-type, quando togli tale oggetto devi anche definire:
    margin:0; padding:0;
    sia all'oggetto <ul> che al[*] (salvo uso diverso da parte tua, ma comunque vanno definiti margini e padding).

    Una volta fatto cio`, poi per centrare valgono le solite regole (differenti a seconda dei browser - fai una ricerca).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Utente bannato
    Registrato dal
    Nov 2005
    Messaggi
    266
    prova a dare "margin: 0 auto" al div#navcontainer come mi ha suggerito dvd86 ma purtroppo niente da fare...

    uffa!!!!!!


    Mich potresti essere più chiaro e completo, sinceramente non ho capito bene cosa devo fare...potresti aiutarmi in maniera più diretta? te ne sarei veramente grato.

    grazie

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Per essere piu` completo dovrei sapere cosa vuoi ottenere ...

    Per il momento non posso che ripetere cio` che ho gia` scritto:
    codice:
    #navcontainer {
      margin: 0;
      /*padding: 5px 0 7px 5px;*/
      width: 1000px;
      line-height: 2;
      background-color: #522403;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 70%;
    }
    #navlist {
      /*display: inline;*/
      list-style-type: none;
      margin: 0 auto; padding: 0;
    }
    #navlist li {
      list-style-type: none;
      margin: 0; padding: 0;
      float: left;
      width: auto;   /* non mi piace: forse vuoi una larghezza definita, ad esempio 8em */
      margin-right: 1px;
      border: 3px solid #CAC67D;
      background-color: #522403;
    }
    #navlist li a {
      display: block;
      width: 100%; height: 100%
      /*padding: 20px 35px 20px 35px;*/
      line-height: 1.75;
      text-decoration: none;
      color: #fff;
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  6. #6
    Utente bannato
    Registrato dal
    Nov 2005
    Messaggi
    266
    vorrei semplicemente centrare il mio menu...nel mezzo esatto della pagina...
    invece questo costituito da x rettangolini con all'interno i vari links è leggermente (2 cm) spostato decentrato verso la parte destra dello schermo...io non so ne risolvere il problema ne darmi una spiegazione di questo fatto...
    se hai bisogno ti faccio vedere le pagine.
    fammi sapere...


    raga sto diventando matto!!!!!!!!!!!

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Anzitutto una domanda: con quale HTML+CSS stai testando? Con il tuo originale o con le modifiche consigliate?

    Comunque un link sarebbe utile per capire esattamente cio` di cui si parla, e verificare eventuali errori.

    La descrizione dell'ultimo post non chiarisce molto.
    E soprattutto devi dire con quali browser hai testato e quale DTD usi: i browser in questo sono molto diversi e rispondono in modo diverso al CSS a seconda della DTD usata.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  8. #8
    Utente bannato L'avatar di Braco
    Registrato dal
    Oct 2005
    Messaggi
    1,697
    Mich anchio ho lo stesso problema, ho messo margin:0 auto;, con ie7 si centra, con ff no, guarda: http://www.photoman.altervista.org clicca su @mail

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