Centrare menù e bloccare dimensioni

**mattex94** · 30-04-2013, 15:26

Salve a tutti, ho un problema (stupido) nel centrare un menù css creato da me. Ho provato a metterlo dentro una tabella e centrare quella, ma il menù sborda dalla tab e non è centrato come dovrebbe essere. vi posto l'immagine:

CODICE CSS

codice:

<style>
ul {
float: left; /*allineamento*/
width: 960px;    /*dimensioni*/
padding:10;
margiun:0 auto;
list-style-type:none; /*Nessuno stile applicato alla lista*/
}

li {
display: block; /*Mostra in linea*/
float: inherit ;
}

a {
	
	text-decoration:none;
	color:white;
	background:#333;
	padding: 30px 60px;
	border-right: 1px solid #000;
}

a:hover{
	background:#999;
}



</style>
</head>

CODICE HTML:

codice:

<body>
<table width="200" border="1" align="center">
  <tr>
    <td colspan="3">
    <ul >[*]HOME[*]DOVE SIAMO[*]COLLEZIONI[*]ADMIN[/list]</td>

  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
<p align="center">



</p>

</body>

IN COSA SBAGLIO? GRAZIE

**Aquila30** · 30-04-2013, 16:11

ciao, prova così:

CSS

codice:

body{ 	
margin: auto; 
} 

section{ 	
margin: auto; 	
width: 604px; 
} 
.bottone { 	
float: left; /*Mostra in linea*/ 	
list-style-type: none; 	
width: 150px; 	
padding-top: 30px; 	
padding-bottom: 30px; 	
background-color: #333333; 
border-right-width: 1px; 	
border-right-style: solid; 	
border-right-color: #000000; 
	text-align: center; 
}  
.bottone:hover{ 	
background:#999; 
} 
 a { 	
text-decoration: none; 	
color: white; 
}

e questo è il codice html

codice:

<body> 
<section> 
<div class="bottone">HOME</div> 
<div class="bottone">DOVE SIAMO</div> 
<div class="bottone">COLLEZIONI</div> 
<div class="bottone">ADMIN</div> 
</section> 
</body>

**mattex94** · 30-04-2013, 16:16

Grazie molto gentile! comunque sai anche come poter applicare una dissolvenza del colore mentre passo il mouse sui bottoni? devo usare javascript o sempre css?

esempio:
http://livedemo00.template-help.com/...2/index-2.html

**Aquila30** · 30-04-2013, 16:20

Puoi usare i css ma devi aprire un nuovo topic.

**mattex94** · 30-04-2013, 16:21

ok grazie, allora rispondimi nella discussione che creo

Discussione: Centrare menù e bloccare dimensioni

Strumenti discussione

Ricerca discussione

Visualizza

Centrare menù e bloccare dimensioni

Permessi di invio