| Precedente :: Successivo   | 
	
	
	
		| Autore | 
		Messaggio | 
	
	
		alalcobo Mortale pio
  
 
  Registrato: 02/05/07 16:28 Messaggi: 22
 
  | 
		
			
				 Inviato: 22 Ago 2007 17:25    Oggetto: Menu Scentrato Non Dà Retta All'aling Center...Help | 
				     | 
			 
			
				
  | 
			 
			
				Ciao....chi mi da una mano questa volta?
 
devo modificare la barra del menu di un sito (menu orizzontale)...e ho trovato questo bel menu da inserire nel foglio di stile....il problema è che nn riesco a centrarlo....mi rimane sempre tutto a dx....e nn capisco dove devo tocare...ho provato a cambiare mano a mano un po di cose, ma rimaneva sempre invariato...
 
 
QUESTO è DA METTERE NEL CSS
 
 
<s<style type="text/css">
 
body{
 
aling:center;
 
margin:0px;
 
padding:0px;
 
font-family:Verdana;
 
font-size:10px;
 
background-color:#e4e4e4;
 
text-align:center;
 
}
 
.menu a{
 
  float: center;
 
  padding: 2px;
 
  margin: 1px;
 
  background-color: #fff;
 
  border: 1px solid #003366;
 
  width:200px;
 
  text-align:center;
 
  text-decoration:none;
 
  font-weight:bold;
 
  color:#FF8000;
 
  }
 
.menu a:hover{
 
background-color: #003366;
 
color:#FFF;
 
}
 
.menuqui{
 
border: 1px solid #003366;
 
width:200px;
 
text-align:center;
 
float: center;
 
padding: 2px;
 
margin: 1px;
 
background-color: #003366;
 
color:#FFF;
 
font-weight:bold;
 
}
 
#barranav{
 
position:absolute;
 
top:100px;
 
left:100px;
 
padding:200px;
 
}
 
#pubbl{
 
position:absolute;
 
top:100px;
 
right:240px;
 
padding:5px;
 
}
 
.pubbl a{
 
  float: center;
 
  padding: 2px;
 
  margin: 1px;
 
  background-color: #fff;
 
  border: 1px solid #003366;
 
  width:150px;
 
  text-align:center;
 
  text-decoration:none;
 
  font-weight:bold;
 
  color:#FF8000;
 
  }
 
.pubbl a:hover{
 
background-color: #003366;
 
color:#FFF;
 
}
 
</style>
 
</head>
 
body{
 
margin:0px;
 
padding:0px;
 
font-family:Verdana;
 
font-size:10px;
 
background-color:#e4e4e4;
 
text-align:center;
 
}
 
.menu a{
 
  float: left;
 
  padding: 2px;
 
  margin: 1px;
 
  background-color: #fff;
 
  border: 1px solid #003366;
 
  width:100px;
 
  text-align:center;
 
  text-decoration:none;
 
  font-weight:bold;
 
  color:#FF8000;
 
  }
 
.menu a:hover{
 
background-color: #003366;
 
color:#FFF;
 
}
 
.menuqui{
 
border: 1px solid #003366;
 
width:100px;
 
text-align:center;
 
float: left;
 
padding: 2px;
 
margin: 1px;
 
background-color: #003366;
 
color:#FFF;
 
font-weight:bold;
 
}
 
#barranav{
 
position:absolute;
 
top:20px;
 
left:20px;
 
padding:2px;
 
}
 
#pubbl{
 
position:absolute;
 
top:100px;
 
right:240px;
 
padding:5px;
 
}
 
.pubbl a{
 
  float: center;
 
  padding: 2px;
 
  margin: 1px;
 
  background-color: #fff;
 
  border: 1px solid #003366;
 
  width:150px;
 
  text-align:center;
 
  text-decoration:none;
 
  font-weight:bold;
 
  color:#FF8000;
 
  }
 
.pubbl a:hover{
 
background-color: #003366;
 
color:#FFF;
 
}
 
</style></head>
 
}
 
 
 
(PUò ESSERE CHE CI SIA QUALCOSA IN PIU CHE NN SERVE...) | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		alalcobo Mortale pio
  
 
  Registrato: 02/05/07 16:28 Messaggi: 22
 
  | 
		
			
				 Inviato: 22 Ago 2007 17:33    Oggetto: h | 
				     | 
			 
			
				
  | 
			 
			
				| h cfddf | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		horus Macchinista
  
  
  Registrato: 22/03/05 10:48 Messaggi: 2554 Residenza: Sirio e dintorni
  | 
		
			
				 Inviato: 23 Ago 2007 08:10    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				Mi sa che hai fatto un po' di casino nel copia incolla.
 
 
Potresti ripostare il codice (inserendolo nei tag [ code ]) sia del css che dell'html del tuo menu?[/code] | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		alalcobo Mortale pio
  
 
  Registrato: 02/05/07 16:28 Messaggi: 22
 
  | 
		
			
				 Inviato: 23 Ago 2007 08:41    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				o mamma...mi sa che è meglio che prendo un altro menu e basta....cmq
 
 
QUESTA RUZZIA è IL MIO CSS  (non sto urlando...è per mettere un po di ordine...)
 
 
 	  | Codice: | 	 		  <s<style type="text/css">
 
body{
 
aling:center;
 
margin:0px;
 
padding:0px;
 
font-family:Verdana;
 
font-size:10px;
 
background-color:#e4e4e4;
 
text-align:center;
 
}
 
.menu a{
 
  float: center;
 
  padding: 2px;
 
  margin: 1px;
 
  background-color: #fff;
 
  border: 1px solid #003366;
 
  width:200px;
 
  text-align:center;
 
  text-decoration:none;
 
  font-weight:bold;
 
  color:#FF8000;
 
  }
 
.menu a:hover{
 
background-color: #003366;
 
color:#FFF;
 
}
 
.menuqui{
 
border: 1px solid #003366;
 
width:200px;
 
text-align:center;
 
float: center;
 
padding: 2px;
 
margin: 1px;
 
background-color: #003366;
 
color:#FFF;
 
font-weight:bold;
 
}
 
#barranav{
 
position:absolute;
 
top:100px;
 
left:100px;
 
padding:200px;
 
}
 
#pubbl{
 
position:absolute;
 
top:100px;
 
right:240px;
 
padding:5px;
 
}
 
.pubbl a{
 
  float: center;
 
  padding: 2px;
 
  margin: 1px;
 
  background-color: #fff;
 
  border: 1px solid #003366;
 
  width:150px;
 
  text-align:center;
 
  text-decoration:none;
 
  font-weight:bold;
 
  color:#FF8000;
 
  }
 
.pubbl a:hover{
 
background-color: #003366;
 
color:#FFF;
 
}
 
</style>
 
</head>
 
body{
 
margin:0px;
 
padding:0px;
 
font-family:Verdana;
 
font-size:10px;
 
background-color:#e4e4e4;
 
text-align:center;
 
}
 
.menu a{
 
  float: left;
 
  padding: 2px;
 
  margin: 1px;
 
  background-color: #fff;
 
  border: 1px solid #003366;
 
  width:100px;
 
  text-align:center;
 
  text-decoration:none;
 
  font-weight:bold;
 
  color:#FF8000;
 
  }
 
.menu a:hover{
 
background-color: #003366;
 
color:#FFF;
 
}
 
.menuqui{
 
border: 1px solid #003366;
 
width:100px;
 
text-align:center;
 
float: left;
 
padding: 2px;
 
margin: 1px;
 
background-color: #003366;
 
color:#FFF;
 
font-weight:bold;
 
}
 
#barranav{
 
position:absolute;
 
top:20px;
 
left:20px;
 
padding:2px;
 
}
 
#pubbl{
 
position:absolute;
 
top:100px;
 
right:240px;
 
padding:5px;
 
}
 
.pubbl a{
 
  float: center;
 
  padding: 2px;
 
  margin: 1px;
 
  background-color: #fff;
 
  border: 1px solid #003366;
 
  width:150px;
 
  text-align:center;
 
  text-decoration:none;
 
  font-weight:bold;
 
  color:#FF8000;
 
  }
 
.pubbl a:hover{
 
background-color: #003366;
 
color:#FFF;
 
}
 
</style>  | 	  
 
 
e questo e quello che metto nel sito
 
 	  | Codice: | 	 		  
 
<style type="text/css">
 
body{
 
margin:0px;
 
padding:0px;
 
font-family:Verdana;
 
font-size:10px;
 
background-color:#e4e4e4;
 
text-align:center;
 
}
 
.menu a{
 
  float: left;
 
  padding: 2px;
 
  margin: 1px;
 
  background-color: #fff;
 
  border: 1px solid #003366;
 
  width:100px;
 
  text-align:center;
 
  text-decoration:none;
 
  font-weight:bold;
 
  color:#FF8000;
 
  }
 
.menu a:hover{
 
background-color: #003366;
 
color:#FFF;
 
}
 
.menuqui{
 
border: 1px solid #003366;
 
width:100px;
 
text-align:center;
 
float: left;
 
padding: 2px;
 
margin: 1px;
 
background-color: #003366;
 
color:#FFF;
 
font-weight:bold;
 
}
 
#barranav{
 
position:absolute;
 
top:20px;
 
left:20px;
 
padding:2px;
 
}
 
#pubbl{
 
position:absolute;
 
top:100px;
 
right:240px;
 
padding:5px;
 
}
 
.pubbl a{
 
  float: left;
 
  padding: 2px;
 
  margin: 1px;
 
  background-color: #fff;
 
  border: 1px solid #003366;
 
  width:150px;
 
  text-align:center;
 
  text-decoration:none;
 
  font-weight:bold;
 
  color:#FF8000;
 
  }
 
.pubbl a:hover{
 
background-color: #003366;
 
color:#FFF;
 
}
 
</style>
 
</head>
 
 
<body>
 
<div id="barranav">
 
  <div class="menuqui" title="Sei in Home Page">Home</div>
 
  <div class="menu"><a href="http://www.extrowebsite.com/sommasp.asp" title="Articoli ASP">ASP</a></div>
 
  <div class="menu"><a href="http://www.extrowebsite.com/sommcss.asp" title="Articoli CSS">CSS</a></div>
 
  <div class="menu"><a href="http://www.extrowebsite.com/sommjs.asp" title="Articoli JavaScript">JavaScript</a></div>
 
  <div class="menu"><a href="http://www.extrowebsite.com/grafica.asp" title="Articoli di Grafica">Grafica</a></div>
 
  <div class="menu"><a href="http://www.extrowebsite.com/news.asp" title="Leggi le news">News</a></div>
 
  <div class="menu"><a href="http://www.extrowebsite.com/chat.asp" title="Entra in Chat">Chat</a></div>
 
</div>
 
<div id="pubbl"><span class="pubbl"><a href="http://www.extrowebsite.com" title="Visita il sito Extro Web Site">.: Extro Web Site :.</a>
 
</span></div>
 
</body>
 
</html>
 
 | 	  
 
 
...posso dire che odio i css fatti dagli altri?? nn ci capisco mai una mazza.... | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		alalcobo Mortale pio
  
 
  Registrato: 02/05/07 16:28 Messaggi: 22
 
  | 
		
			
				 Inviato: 24 Ago 2007 10:45    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				| trovato...se si guarda bene...c'è da impostare con il metodo assoluto la posizione....scusate...sono allle prime armi | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		horus Macchinista
  
  
  Registrato: 22/03/05 10:48 Messaggi: 2554 Residenza: Sirio e dintorni
  | 
		
			
				 Inviato: 28 Ago 2007 09:45    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				| Bene, scusa ma ho avuto una serie di impegni che mi hanno impedito di risponderti. | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		 |