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 |
|
 |
|