Aiuto per menu in css e js

**nevrotica90** · 02-09-2009, 22:00

ragazzi so che è una cosa scema ma nn riesco proprio a capire come fare

io ho questo menu :

però come potete vedere la barra del menu ha una certa lunghezza e nn riesco a modificarla in modo che mi prenda in lunghezza tutta la pagina come faceva invece un altro menu che avevo utilizzato fino a poco tempo prima:

e in piu vorrei che la home fosse un po piu staccata come nel secondo menu

ora vi posto il codice nella speranza che qualche anima pia mi puo dare una mano

la pagina in html:

codice:

<!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" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>.::. Galleria .::.</title>
 <link href="../../css/gallery.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="pro_linedrop">
<ul class="select">[*]Home
<li class="line">Foto scattate

	<ul class="sub">
		[*]Palermo
		[*]Ragusa
		[*]Siracusa
		[*]Piana degli albanesi
		[*]Cerda
	[/list]

[*]Sfondi[*]Mie Creazioni[/list]
</div>
</body>
</html>

il css:

codice:

/********************* Impostazioni Generali ****************************/
html {height: 100%; overflow-x: hidden;}
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #181818;
color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
a {outline:none;}
a img{border:none;} 
p {padding: 10px 10px 10px 20px;	color:#525757; 	font-family: Arial; font-weight: bold;}
/********************* Menu Galleria ****************************/
.pro_linedrop {
height:35px;
width:745px;
background:url(lrimages/blue_0.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(../images/gallery/blue_1.gif);
}

.pro_linedrop li.lrt {
float:right;
background:url(../images/gallery/blue_1.gif);
}


.pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background: url(../images/gallery/blue_0.gif); 
padding:0 0 0 15px;
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color: white;
}


.pro_linedrop .select li.lrt a {color:#0ff;}


.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px;
background:url(../images/gallery/blue_0.gif) right top;
}

.pro_linedrop .select li.line a b {
background:url(../images/gallery/black_0a.gif) right top;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(../images/gallery/blue_1.gif); 
padding:0 0 0 15px;
cursor:pointer; 
color:#fff;
}

.pro_linedrop .select li.lrt a:hover, 
.pro_linedrop .select li.lrt:hover a {
background: url(../images/gallery/blue_1.gif); 
}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 30px 0 15px;
background:url(../images/gallery/blue_1.gif) right top; 
cursor:pointer;
}

.pro_linedrop .select li.line a:hover b, 
.pro_linedrop .select li.line:hover a b {
background:url(../images/gallery/blue_1a.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b, 
.pro_linedrop .select li.lrt:hover a b {
background:url(../images/gallery/blue_1.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b.arrow, 
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(../images/gallery/blue_1a.gif) right top; 
}

.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:25px;
display:block; 
position:absolute;
float:left;
width:743px;
top:35px; 
left:0; 
text-align:center;
background:#242424;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a {
display:block; 
height:25px; 
line-height:22px; 
float:left; 
background:transparent url(line/transparent.gif); 
padding:0 16px; 
margin:0; 
white-space:nowrap; 
color:white;
font-size:10px;
}

.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{
line-height:20px; 
position:relative; 
background:#646464 left bottom;
}

**Xinod** · 02-09-2009, 22:10

tutto css, sposto

**nevrotica90** · 02-09-2009, 23:36

ehm...scusate mi sono confusa pensavo che c'era pure qualche riga di js

:quote:

**nevrotica90** · 05-09-2009, 21:22

nessuno puo aiutarmi?

Discussione: Aiuto per menu in css e js

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto per menu in css e js

Permessi di invio