ciao sapete dirmi cosa devo modificare per avere tutte le varie voci del menù centrate correttamente e non una piu staccata dell'altra?
grazie.
in allegato trovate lo screen del menu
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
.pro_linedrop {
height:3%;
width:80%;
background:url(line/blank_sepia.JPG);
position:relative;
font-family:arial, verdana, sans-serif;
font-size:72%;
left:10%;
}
.pro_linedrop .select {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
}
.pro_linedrop li {
float:left;
background:url(/line/blank_over_sepia.JPG);
}
.pro_linedrop .select a {
display:block;
height:3%;
float:left;
background: url(line/blank_sepia.JPG);
padding:0 7% 0 4%;
text-decoration:none;
line-height:170%;
white-space:nowrap;
color:#ddd;
}
.pro_linedrop .select li.line a {color:#ddd;}
.pro_linedrop .select a b {
display:block;
padding:0 3% 1.2% 3%;
background:url(line/blank_sepia.JPG) right top;
}
.pro_linedrop .select a:hover,
.pro_linedrop .select li:hover a {
background: url(line/blank_over_sepia.JPG);
padding:0 3% 3% 1,5%;
line-height:0,5%;
cursorointer;
color:#fff;
}
.pro_linedrop .select li.line a:hover,
.pro_linedrop .select li.line:hover a {
color:#fc6;}
.pro_linedrop .select a:hover b,
.pro_linedrop .select li:hover a b {
display:block;
padding:0 5% 5% 1,9%;
background:url(line/blank_over_sepia.JPG) right top;
cursor
}
.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}
/* IE6 only */
.pro_linedrop table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}
.pro_linedrop .sub {
margin:0;
padding:0;
list-style:none;
}
.pro_linedrop .sub li {background:transparent;}
.pro_linedrop .select :hover .sub {
height:70%;
display:block;
position:absolute;
float:center;
width:60%;
top:94%;
left:0%;
text-align:center;
background:transparent url(line/transparent.gif);
border:1px solid #aaa;
}
.pro_linedrop .select :hover .rt li {float:right;}
.pro_linedrop .select :hover .sub li a
{display:block; height:5%; line-height:180%; float:left;
background:transparent url(line/transparent.gif); padding:0 16px; margin:0;
white-space:nowrap; color:#888;font-size:95%;}
.pro_linedrop .select :hover .sub li.subline a {color:#c00;}
.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20%px; position:relative;}
.pro_linedrop .select :hover .sub li:hover > a {color:#000;}
</style>
</head>
<body>
<div align="center">[img]logoGif.gif[/img]</img></div>
<div class="pro_linedrop">
<ul class="select">[*]Home
<li class="line"><a href="#nogo">Attività svolte
</a>
<ul class="sub">[*]Segnaletica verticale[*]Segnaletica orizzontale[*]Pannelli solari[*]Segnalazione cantieri[/list]
<li class="line">
<a href="dove siamo.htm" target="mainFrame1">Dove siamo
</a>
<li class="line"><a href="#nogo">Contatti
</a>
<li class="line" >Fotogallery lavori[/list]
</div>
</body>
</html>
Rispondi quotando