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

    Centramento elenco puntato su float:left

    codice:
      <div id="bigmenu">
          <div id="menu">
            <ul>
              <li class="pmenu" >menu1
              <li class="pmenu" >menu2
              <li class="pmenu">menu3[/list]
          </div>
      </div>
    codice:
    body{
    	background-color: #353B0B;
    	margin-left: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	text-align: center;
    
    }
    
    div#menu{
    	left: 50%;
    	margin: 0;
    	padding: 0;
    	clear:left;
    	background-color: #ff0000;
    	height: 33px;
    	align:center;
    	width: 708px;
    }
    
    div#bigmenu{
    	width: 728px;
    	margin: auto;
    	margin-top: 2px;
    	left: 50%;
    	background-color: #CCCCCC;
    	height: 33px;
    	line-height: 19px;
    	text-align: center;
    	align: center;
    }
    
    #menu li {
    	left: 50%;
    	float: left;
    	color: black;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	padding:7px;
    	border-right:1px solid #B2B2B2;
    	border-left:1px solid #FFFFFF;
    }
    
    ul{
    	margin: 0px;
    	padding: 0;
    	list-style: none;
    }
    Qualcuno sa aiutarmi a far apparire il menu' al centro del div e non appiccicato a sinistra?

  2. #2
    sostituisci il flottaggio del li con un display:inline e a ul dai margin:0 auto;

    fammi sapere!
    ciao

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.