menu sotto header

[alg1983]

Ciao,

vorrei posizionare il menu che c'è ora sopra l'header di questa pagina subito sotto l'header.

Posto l'immagine x essere più chiaro: praticamente vorrei che l'header venisse posizionato dove c'è questa barra rossa:

http://img185.imageshack.us/img185/7034/ss0ei.jpg

Ho fatto alcune prove, ma incasino tutto il layout.
Potreste dirmi come cambiare il codice del div e il css?

Grazie

[indigoindigo]

Ciao..hai già risolto o non riesco a capire la domanda?

il menu lo vedo sotto l'header! Intendi fuori dall'header?

[alg1983]

No, non ho ancora risolto.
Probabilmente mi sono spiegato male
Il menu (links) ora è sovrapposto all'header contentente il banner.
Io vorrei che il menu fosse subito sotto l'header, praticamente vorrei una barra (rossa nell'immagine postata al primo post) contenente i links.

Spero di essere stato + chiaro ora

[indigoindigo]

Ciao..

nell'html

<div id="outer">

	<div id="header">
	
		
	</div>
	<div id="menu">
			<ul>
				<li class="first">homepage
				[*]società
				[*]squadra
				[*]contatti
			[/list]
		</div>

ho tolto il menu da dentro l'header

nel CSS:

#inner
{
background-image: url('images/cbg2.gif');
background-repeat: repeat-y;
margin-top: 20px;
}

#header
{
position: relative;
height: 92px;
background-image: url('images/header.jpg');
border-bottom: solid 3px #000;
}

/* -------------- menu ------------------ */

#menu
{

padding-left: 22px;
bottom: 2px;
color: #000;
background-color: red;
}

#menu ul
{
list-style: none;

}

#menu li
{
display: inline;
border-left: solid 1px #000;
padding-left: 8px;
margin-left: 8px;

}

#menu li.first
{
margin-left: 0px;
padding-left: 0px;
border-left: 0px;
}

#menu a
{
color: #000;
}

Vedi se ti può andare bene..
-ho tolto il posizionamento assoluto alla lista e ho dato un margine superiore a #inner..infine ho cambiato float con display, perchè sennò non riuscivo a mettere il colore di sfondo..

[alg1983]

Originariamente inviato da indigoindigo
Ciao..

nell'html

<div id="outer">

	<div id="header">
	
		
	</div>
	<div id="menu">
			<ul>
				<li class="first">homepage
				[*]società
				[*]squadra
				[*]contatti
			[/list]
		</div>

ho tolto il menu da dentro l'header

nel CSS:

#inner
{
background-image: url('images/cbg2.gif');
background-repeat: repeat-y;
margin-top: 20px;
}

#header
{
position: relative;
height: 92px;
background-image: url('images/header.jpg');
border-bottom: solid 3px #000;
}

/* -------------- menu ------------------ */

#menu
{

padding-left: 22px;
bottom: 2px;
color: #000;
background-color: red;
}

#menu ul
{
list-style: none;

}

#menu li
{
display: inline;
border-left: solid 1px #000;
padding-left: 8px;
margin-left: 8px;

}

#menu li.first
{
margin-left: 0px;
padding-left: 0px;
border-left: 0px;
}

#menu a
{
color: #000;
}

Vedi se ti può andare bene..
-ho tolto il posizionamento assoluto alla lista e ho dato un margine superiore a #inner..infine ho cambiato float con display, perchè sennò non riuscivo a mettere il colore di sfondo..

sembra ci sia qualcosa che non va
http://www.sancarlobasket.com/prova/

[indigoindigo]

edit---

occhio

<div id="outer">

	<div id="header">
	
		
	</div>
	<div id="menu">
			<ul>
				<li class="first">homepage
				[*]società
				[*]squadra

				[*]contatti
			[/list]
               </div>
        </div>

se noti bene ci sono troppe chiusure di div..elimina quella in grassetto..

[alg1983]

indigoindigo grazie!
che carino così mi piace

un'altra cosa: come faccio a ridurre lo spazio che c'è tra il menu e il content?

[indigoindigo]

Lavorando sul margin-top di #inner..

ciao!