RISOLTO: estensione colore menu

[opsosa]

ciao,
vorrei che il colore di sfondo di un menu messo in cima al sito si espandesse fino agli estremi del template anche a sinistra.
io per ora ho questo codice nel template
 
#hornav {    background-color: #D40A51;    clear: both;    position: fixed;    width: 100%;    z-index: 999;

dite che è possibile da qui?
ciao

[giovi]

serve link al sito

[opsosa]

il sito è osstrentino.altervista.org
ma non l'ho applicata la modifica ho fatto le prove con firebug per vedere come veniva....

[giovi]

avvisaci quando lo applichi. Se puoi posta anche una screenshot di come dovrebbe venire perchè non è molto chiaro

[opsosa]

ecco un tentativo messo online....
per ora sono riuscito a mettere il menu in cima fissandolo....mi piacerebbe
1 estenderlo per tutta la larghezza dello schermo...
2 far si che ci sia un margine in modo che quando scorre la pagina il contenuto scompaia ad una distanza di 10px per esempio...

[giovi]

#hornav {    background-color: #D40A51;    clear: both;    position: fixed;    width: 100%;    z-index: 999;

Non la vedo mica questa modifica... Controlla che sia stata applicata correttamente. Dove lo hai inserito?

[opsosa]

mhm si ho modificato il css la modifica l'ho fatta...
#hornav {    background-color: #BF0171;    clear: both;    float: left;    position: fixed;    width: 960px;    z-index: 999;}

un po diversa ...ma sempre con lo stesso scopo...te non vedi il menu in alto alla pagina? spero di non fare troppo casino....

[giovi]

fatti sempre una copia di backup. Io vedo il menu hornav sempre sotto il logo. Dove dovrebbe essere invece?
La tua modifica non la vedo ma neanche la trovo nel codice..


aggiornamento: ora si è modificato, vedo il menu in alto. Come vuoi procedere?

[opsosa]

io vorrei per prima cosa che il lo sfondo del menu si estendesse per tutta la lunghezza della pagina..
ma se imposto width: 100% mi si allarga solo a destra....

[giovi]

dal momento che hai impostato una position:fixed; devi usare gli attributi top:--px; left:0; e right:0; e cancellare width: 960px; dal file nexus.css

[opsosa]

mi sento tanto .....deficiente.....e dire che ci avevo provato...evidentemente sbagliavo a scrivere...
ora mi compare a tutta larghezza...ma come ci si poteva aspettare il menu stesso è spostato tutto a sinistra...è possibile far si che sia sempre centrato?

allego immagine che finalmente ho capito come inserire nel messaggio


[allegato eliminato da un amministratore essendo vecchio più di un anno]

[giovi]

mmmmm.... secondo me puoi fare una cosa migliore. riporta tutto come era prima tranne il position:fixed; del menu. Poi crei un'immagine di quel colore alta quanto il menu e la imposti come background del tag body con impostazione "top center repeat-x;"

[opsosa]

credo di aver capito.....mi ci metto subito al lavoro.....poi posto il risultato.....grazie mille

[opsosa]

prima ho tentato una cosa ma non so sembra andare con
padding-left: 200px mi si sposta il menu pensi sia una soluzione fattibile?

[giovi]

no perchè se io ho uno schermo più grande del tuo lo vedo comunque spostato a destra e distante dal bordo 200px ma non centranto rispetto alla pagina. puoi vederlo tu stesso l'effetto cambiando lo zoom del browser con CTRL+/-

[opsosa]

si infatti ho fatto la prova e si incasina il tutto...grazie..
seguo la retta via che mi hai indicato..."che è meglio"!!!

[giovi]

[opsosa]

mi sto di nuovo incasinando non ho capito in che punto inserire l'immagine...
tag body non capisco dove trovarlo...

devo sempre metterlo nel menu hornav dove inserivo il resto?

[giovi]

il tag body è il contenitore di tutto ciò che vedi nella pagina. Per attribuirgli uno sfondo ti basterà aggiungere una regola al file nexus.css:

Codice: [Seleziona]

body{
      background: url(../immaginerosa.jpg) repeat-x top center;
}

[opsosa]

con il template che sto usando ho inserito nel body ma non mi compare....ho provato con il beez5 e funziona invece....mi sa che dovrò riprovare....
per quanto riguarda i moduli posso procedere allo stesso modo? se volessi che un modulo tipo notizie resti fisso lateralmente..i comandi sono sempre quelli?
ciao