Posizionamento logo header

[pcmaurix]

Salve a tutti prima di scrivere questo post ho letto vari commenti nella sezione CSS
spero di non dover ripetere la discussione mi scuso in anticipo.

ho un problema relativo al posizionamento del mio logo all'interno dell'header e relativo menù con bottoni immagine.

per il logo: ho due immagini, una di sfondo header e un'altra logo, ma non riesco a portare il logo in basso all'header non si spoasta ho provato (con padding-top: ....px ma niente rimane sempre fissa

per quanto riguarda il menù sempre all'interno dell'header: file html
<div id="header">
<div id="logo"> </div>

<center><div id="navigation">
<ul>

[/list]

</div></center>

file Css:

div#navigation ul a { background:url('TEMPLATE/bott_home.png');
background-image: no-repeat;
padding-top: 35px;
height:18px;
width:73px;
}

il bottone non si vede!
sbaglio la sintassi? qualcuno potrebbe darmi una mano?
spero di essere stato il piu chiaro possibile, Grazie

[Outshine84]

la sintassi più correta credo sia :

<ul>[*] HOME[*]CONTACT[/list]

div#navigation ul li a { background:url('TEMPLATE/bott_home.png');
background-image: no-repeat;
padding-top: 35px;
height:18px;
width:73px;
}

per il logo potresti provare ad inserire direttamente il logo come immgine

<div id="header">
<img href="..." alt = "..."> </div>

e poi usare i css per posizionarlo .
Puoi anche mettere una position absolute . se sai di per certo a quanto dal lato in lato del browser deve stare.

[lucavizzi]

background-image:no-repeat; è errato.

la sintassi è: background-repeat:no-repeat;

con "background-image" setti l'immagine di sfondo, se gli assegni "no-repeat" cancelli l'immagine precedentemente impostata.

[pcmaurix]

Grazie per le risposte,

<div id="header">
<img href="..." alt = "..."> </div>
purtroppo non funziona :S sicuramente sbaglio qualcosa


invece per il menù pur aver corretto la sintassi nel foglio di stile

con background-repeat: no-repeat

niente!

eppure ho ricontrollato un sacco di volte il codice

mettendo per al'interno di div#navigation ul a { display: block;}
il bottone si vede perchè? poi non ho ancor aben capito cosa significhi questa sintassi

scusate ma ho iniziato da poco con i css

[ResianTaxidrive]

Perchè "a" è un elemento di tipo inline, quindi non ha dimensioni di altezza e larghezza. Se tu gli dai delle dimensioni non le prende finchè non lo forzi a comportarsi come un blocco col display:block;

[pcmaurix]

quindi quando devo inserire un'immagine link usando i css esterni devo usare perforza
il: diplay: block ?? altrimenti non si vede?