Aiuto!CSS DISASTER - Immagini nel div

gimasc

Aiuto!CSS DISASTER - Immagini nel div

Buongiorno a tutti,
sto iniziando ad usare i CSS.. sembrava tutto facile al corso, ma ora che sto facendo un sito mi sono "incartato" ..!!!

Sto cercando di allineare delle immagini all'interno di un DIV (nulla di speciale, in teoria.. ), ma in realtà è un DISASTRO... Il testo del DIV sopra (il div2), non so perchè, finisce nel div di sotto (in Firefox).. mentre le immagini del menu vengono spostate... Qualcuno sa aiutarmi????

Ho pubblicato i files qui:

accatitipì / / spaziogm.altervista.org/collaudo/

il CSS è

accatitipì / / spaziogm.altervista.org/collaudo/siti-web.css

Trattasi di grave emergenza..!

patrizia.lorenzini

Hai un jpg di come doverebbe venire il sito?
Non ho ben chiari tutti i problemi

gimasc

Ciao, grazie mille della risposta...
Ammetto che è un po' incasinato, ma ora ho caricato anche le immagini mancanti e forse è un po' più chiaro.
Il testo che c'è è solo di prova, per cui non è da considerare..

Semplicemente il menu che sta sotto dovrebbe essere allineato con il div superiore (div 2), anzichè spostato in basso e a destra (se usi la Web Developer toolbar di Firefox si vede subito).

Inoltre, anche se alla fine non ci andrà del testo, non capisco perchè quello del DIV 2 me lo sposta a sinistra.. Dove sbaglio?

gimasc

@akane_p said:

Hai un jpg di come doverebbe venire il sito?
Non ho ben chiari tutti i problemi
Una bozza che ho modificato un po' sarebbe più o meno così per intenderci:

h t t p : / / spaziogm.altervista.org/collaudo/provasito.jpg

karedas

Ciao gimasc
vi sono molti errori nel tuo sito e il problema (o "non problema") è che molti di questi derivano dagli stessi parametri mal gestiti attraverso il tuo css.

Ho provato a fare delle modifiche virtuali al tuo sito attraverso firebug (il quale consiglio sempre) e mi rendo conto che non basterebbero pochi accorgimenti per correggerlo.

Il mio consiglio a questo punto è quello di ripartire da 0, aggiungendo un pò alla volta ciò che ti serve per il tuo layout, provarlo e assicurarsi che sia tutto regolare.

gimasc

Grazie.. a dire il vero è quello che stavo cercando di fare, avevo preso un file e cancellato tutto il resto, ma non ne vengo fuori..

Ora comunque con Firebug sono riuscito ad eliminare un margin top e bottom di 12 px rispetto al menu, che mi pareva di non aver aggiunto da nessuna parte (boh..)

Ora dovrei "solo" centrarlo.. una cosa da cui partire..?
Devo fare un div con allineamento center che contiene il menu allineato con float left?

Grazie in ogni caso per la vostra cortesia e disponibilità..
Vista la vostra pazienza, rispondendo a questo post mi sa che avete fatto un bel passo verso l'illuminazione

Capisco che il mio livello di CSS è più o meno questo ma spero di imparare in fretta

karedas

Per quello non c'è bisogno del tag "center", basta che al div "wrapper" aggiungi una larghezza fissa la quale, collaborando con il parametro margin:0 auto, c'entrerà automaticamente la tua impalcatura rispetto a qualsiasi risoluzione.

Aggiungi allo stesso wrapper un valore "overflow:hidden", quale permetterà allo stesso div di "sentire" i tuoi oggetti in float.

karedas

Ah,
ti faccio notare anche un errore di "formattazione" del codice, non è l'unico, ma è un inizio:
[html]
...

..
[/html]Devi chiudere il tag style.
Per la revisione degli errori invece di consiglio "Html validator", un altro plugin molto comodo per Firefox.

gimasc

@karedas said:

Per quello non c'è bisogno del tag "center", basta che al div "wrapper" aggiungi una larghezza fissa la quale, collaborando con il parametro margin:0 auto, c'entrerà automaticamente la tua impalcatura rispetto a qualsiasi risoluzione.

Aggiungi allo stesso wrapper un valore "overflow:hidden", quale permetterà allo stesso div di "sentire" i tuoi oggetti in float.

Grazie molte della risposta (non mi era arrivata la notifica, e quindi non l'avevo vista

Ho provato a ridurre tutto, eliminando il superfluo, mettere delle immagini chiare e a fare come suggerisci (no..?).. ma ancora non sono riuscito a centrare 'sto benedetto menu..!
Dove accidenti è l'errore? Mi son riguardato le lezioni che ho fatto... ma su questo non c'è nulla.

P.S.: ho tolto tutti i rollover dalle immagini per semplificare, ma se poi ne voglio inserire uno suppongo di dover mantenere le immagini come immagini, e non come sfondo... giusto?

Grazie mille in ogni caso, spero di risolvere questa cosa..! :bho: