Ciao ragazzi,
spero che qualcuno di voi riesca a risolvere il mio dilemma.
Sto impaginando un sito con i fogli di stile con layout fisso, ma ho la necessità di dover impostare il background "a più colori". Ovvero, devo far corrispondere all'header un determinato colore, al content un altro, e così via. In sostanza devo fare corrispondere i colori usati su layout fisso sul background. Come da esempio: http://www.crafty-yarn.co.uk/
E' urgente!!!Per favore!!!
Grazie davvero
se usi fogli di stile... avrai sicuramente ogni div con una classe..
esempio <div class="tastata"><\div>
non devi far altro che associare alla classe il colore di sfondo che vuoi...
per cui nel css dove avrai:
.testata
{
margin:0px;
.....
.....
background-color:colore che vuoi;
}
ed è fatto... se invece non utilizzi i css.. basta che metti questo:
<div style="backgound:colore_:che_vuoi;"><\div>
Lila89 grazie ma,
non è proprio questo il mio problema: se assegno un background color alla testata, il colore sarà ovviamente limitato a quest'ultima, mentre il background(body) sarà di un colore differente. Ed è questo il mio problema, assegnare al body il colore della stessa riga(div) che compone la testata...spero di esser stato chiaro... e così per ogni div
Prova ad andare sul sito da me segnalato e con il tasto destro prova a visulizzare l'immagine di sfondo, forse in questo modo si capisce...spero..
basta che metti il div con width = 100% del body.... se vuoi risolvere velocemente.. altrimenti scaricati web developer per FF con cui puoi vedere il css che hanno utilizzato nella pagina... se non riesci ti posto il loro css..
se hanno usato una immagine di sfondo.. significa che il body ha come sfonod quell'immagine non ripetuta e adattata... e poi sono stati posizionati sopra i div; (ovviamente li hanno poszionati giusti per l'immagine..) quidni devi ritagliarti la parte dell'immagine che ti serve e impoistarla come sfondo dei div.... sono div annidati...
lila89
allora procedendo passo per passo,
sul primo punto la domanda sorge spontanea: il 100% va assegnato alla pagina?o al singolo div?In questo modo il layout diventa fluido...?
sul secondo punto dovrei chiederti un pò di chiarimenti...come adatto l'immagine in quel modo?Adattare un'immagine significa precludere poi i contenuti, quindi se ho la necessità di aggiungere del testo devo necessariamente riadattare l'img di sfondo?
grazie per la pazienza
nel primo punto, hai il body di larghezza 100%, poi hai tre div, uno che ti fa da testata, uno da contenuto e uno da footer, altezza quella che vuoi, (e loro la hanno adattata all'immagine che avevano come sfondo in modo da far risultare l'altezza uguale alla riga di sfondo), e con width=100%;
nei tre div poi creerai altri div che saranno il tuo contenuto, come hanno fatto loro (per vederlo installa firebug, poi fai analizza e vedi tutti i div presenti nella pagina, se no guarda il codice,.. che cmq fa vedere i div annidati);
per adattare l'immagine se vuoi cambiare le dimensioni, e quindi per esempio alzare di più la testata, devi ritagliare un pezzo di sfondo e farlo ripetere per qnd volte vuoi fino a creare l'altezza desiderata; altrimenti dovrai adattare i tuoi contenuti a quell'immagine;
dimenticavo, se metti solo la width in % sia nel body che nei div, il sito non diventa proprio fluido fluido, ma si adatta in larghezza, se non vuoi farlo diventare fluido, basta che metti al body una larghezza in pixel e lasci la % ai 3 div...
per cui se body width = 31px;
e i div = 100%;
allora div=31px.... e così via.. ricorda che le perchetuali fanno sempre riferimento al contenitore padre più vicino...
per cui se:
per cui se body width = 31px;
div1 contenuto in body = 100%;
div2 contenuto div1 = 70%;
avrai che div1 è 31px, e div 2 è il 70% della lunghezza di div1.
Ok ci proverò!!
credo d'aver capito: dovrei inserire nei div header content footer(a tutto schermo width 100%)i rispettivi div header2 content2 footer2, giusto?Dandone poi la dimensione in px?
Inoltre, non volendo un layout fluido, quanto dovrebbe esser una dimensione in px per il body?considerando che la grandezza di uno schermo può notevolmente variare...
per i div hai capito perfettamente... una grandezza, ti consiglio di metterla 1024 che è un pò lo schermo standard che la maggiorparte usa... e poi negli attributi del body ci metti margin:auto; che così lo centra e se uno a uno schermo più grande non l ovede appiccicato a sinistra...
Permessi di invio
Rispondi quotando