allineamento moduli template e colori

zampychia

allineamento moduli template e colori

Ciao a tutti

Poco tempo fa ho iniziato a lavorare al mio primo template, e adesso mi trovo davanti a due domande che non so risolvere!

Nella parte bassa del sito ho inserito un'immagine che occupa tutta la larghezza della pagina, e ho inserito lo spazio per due moduli, che quindi hanno questa immagine come sfondo.
Ecco... come faccio però per tenere l'immagine a tutta pagina ma i moduli allineati con il riquadro superiore dove vanno gli articoli? Lo spazio del container del sito ha una grandezza fissa, e volevo che fossero fissi e allineati anche i moduli sotto! (spero di essermi spiegata!)

Sempre in questi moduli, è possibile cambiare il colore dei link? (Sono i moduli "ultimi articoli" e "ultimi download", quindi sono costituiti tutti da link)
Come colore base dei collegamenti ho impostato il rosa, ma vorrei che quelli fossero diversi, così da essere meno evidenti e sembrare più un testo normale...

Grazie a tutti, e scusate se non sono riuscita a spiegarmi bene!

pikadilly

Ciao, sei stata chiarissima.

La soluzione è semplice, lasci il contenitore dei moduli come è settato ora, crei un altro contenitore con la stessa larghezza del container e i margini destra e sinistra ad auto.

Esempio:

CSS:
#divuno{
width: 100%;
}
.divdue{
width: 800px;
margin-right: auto;
margin-left: auto;
}

Xhtml:

[HTML]<div id="divuno"><div class="divdue"></div></div>[/HTML]

Per i link è ancora più semplice, se chiami il primo contenitore per i moduli bassi (esempio), ti basterà scrivere nel css:
a{colore che preferisci}
a:hover{colore che preferisci}

Spero di essermi spiegata.

zampychia

Ciao Pika!
Grazie per la tua risposta!
Domani corro a verificare se ho capito (adesso son troppo stanca, sto morendo di sonno... e non mi pare il caso!)
Ti faccio sapere!

zampychia

Bene, ho scoperto di essere dura come le pine!
Il fatto è che mi sono messa in testa di fare cose che non conosco, e quindi non riesco a fare cose che magari sono banali!

In pratica allora io ho un contenitore "user", che è quello che occupa tutta la pagina e che ha l'immagine di sfondo, e quello mi va bene così; poi ho "usermini" come contenitore e "user7" e "user8" che dovrebbero essere quelli al suo interno, ma che devono essere larghi quanto la parte sopra.

Io ho questo codice qui scritto:

#user{
    width:100%;
    margin:0 auto;
    padding-top:10px;
    padding-bottom:10px;
    background-image:url(../images/footer.jpg);
    background-color: #e5cf9e;
    background-repeat:no-repeat;
    background-position:bottom;
}
.usermini{
    width: 800px;
    margin-right: auto;
    margin-left: auto;
}
.user7{
    width:auto;
    text-align:left;
    color:#412b00;
    float:left;
}
.user8{
    width:980px;
    text-align:left;
    color:#412b00;
    float:right;
}
#divusermini a{color:#412b00} a:hover{color:#412b00}

che non funziona (ovviamente, sennò non mi davo di dura come le pine :P)... che devo cambiare?
Sicuramente ho fatto un gran casino... oioioi!
Scusate... :bho: