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

    problema centratura menu

    Buona Sera!
    Non so se è la sezione giusta ma scrivo qua..
    Ho un problema, non riesco ad allineare degli elementi dentro ad un div, ho provato margin:0 auto; ma non funziona, come posso fare? grazie in anticipo!
    ecco qua i codici html e css:
    codice:
    <div class="top" id="topfix"> 
    [img]images/logo.jpg[/img] 
    <ul class="menu"> [*]Home [*]Portfolio [*]Blog [*]Tutorial  [*]Link Utili [*]Contatti [/list]
    </div>
    codice:
    #topfix{ position:fixed; z-index:2; padding-top:20px; } 
    .top{ height:70px; width:100%; background-color:#000000; margin:0 auto; margin-top:-20px; opacity:0.99; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99); box-shadow:0 0 10px 5px #000000; -webkit-box-shadow:0 0 10px 5px #000000; -moz-box-shadow:0 0 10px 5px #000000; } 
    img.position{ float:left; margin-left:250px; margin-right:150px; } 
    ul.menu{ list-style:none; position:relative; font-family: 'greyscalebasicregular'; font-weight:bold; z-index:2; } 
    ul.menu li{ float:left; padding-top:35px; padding-left:20px; text-transform:uppercase; cursor:pointer; font-size:14px; text-shadow:0px 0px 1px #fff; }

  2. #2
    Se vuoi vedere il tuo banner come sfondo del menu devi usare.

    codice:
    .top img{ 
                          position:fixed;
                                left:290px;
                             /*per centrarlo nel div fai i calcoli larghezza div-larghezzabanner : 2= left:risultato*/
                                }
    Poi per centrare il menu inseriscili dentro un div class="boxmenu"


    codice:
    .boxmenu{ width:auto; margin-left:auto; margin-right:auto}
    Prova fammi sapere se va bene.

  3. #3
    Grazie mille per il consiglio è stato molto utile!
    alla fine ho risolto cosi:

    Ho flottato a sinistra l immagine, ho attribuito una misura al menu e l ho centrato come hai detto tu.

    codice:
    img.position{ float:left; } 
    ul.menu{ 
    width:700px; 
    margin-right:auto; 
    margin-left:auto; 
    margin:0 auto; 
    list-style:none;
    position:relative; 
    font-family: 'greyscalebasicregular'; 
    font-weight:bold; 
    z-index:2; 
    } 
    ul.menu li{ 
    float:left; 
    padding-top:50px; 
    padding-left:20px; 
    padding-right:20px; 
    text-transform:uppercase; 
    cursor:pointer; 
    font-size:14px; 
    text-shadow:0px 0px 1px #fff; 
    }

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.