riga grigia sotto le immagini del sito...

**blindingstars** · 04-09-2008, 23:25

buonasera a tutti!
mi sono appena iscritta e devo dire complimenti per il sito e per il forum!!! i tutorial sono perfetti!!
però avrei bisogno di un piccolo aiutino...
allora, porovo a spiegarmi il mio problema... (non sarà facile

)

ho integrato i css al mio sito web... fino a qua tutto bene: ho modificato i vari colori dei link ecc...
logicamente il mio sito ha il menu navigazione (cioè quello con home page ecc).
l'ho creato utilizzando javascript per farlo più carino... ho creato con photoshop i vari titoletti (home page ecc) e li ho uplodati sul server e li ho sistemati dove avevo intenzione di metterli... ed il mio problema è proprio qui:
mi inserisce i vari titoletti del menu uno sopra l'altro senza lo spazio. provando a separarli con
lo spazio è troppo rispetto a come lo vorrei...!

così ho inserito questo nel css:

img {
margin-bottom: 3px;
}

e con IE 7 sembrava tutto risolto......
solo che, guardando attentamente ho notato che sul fondo delle altre immagini presenti nel sito (non in quelle del menu navigazione però) compariva una riga grigia ogni volta che ci passavo su con il mouse...

e inoltre provando con firefox ho notato che questa riga grigia oltre ad essere sotto le altre immagini del sito, si trova anche nel menu navigazione sempre quando ci passo su con il mouse...

invece con explorer solo nelle altre immagini...

so che questo è successo esattamente dopo che ho inserito:

img {
margin-bottom: 3px;
}

perciò sicuramente il problema è collegato

...

solo che lo spazio a me va benissimo di 3px però non voglio assolutamente quella riga grigia!!!!!!!

aiuto che fatica spiegare tutto.... spero mi capirete... e spero in un vostro aiuto!!!
vi ringrazio in anticipo!!!

**blindingstars** · 05-09-2008, 13:21

arg.. come pensavo... mi sa che dovrò riuscirci da sola come per le altre cose...

del resto ho sempre fatto così...

**Myaku** · 05-09-2008, 13:51

postaci un link così vediamo anche il codice completo, dal tuo thread non è che ci ho capito molto

**blindingstars** · 05-09-2008, 20:34

http://blindingstars.ilbello.com

questo è il link, prova a vedere in firefox, si capisce subito!
devo postare anche tutta la pagina in html e i css?

**Myaku** · 06-09-2008, 09:17

ti consiglio innanzitutto di sistemare gli errori sul codice.
Hai inoltre definito due colori diversi per il body (di cui uno sembra quello che assume il margine delle immagini all'hover), ben tre volte. Occhio che questo e mischiare stili esterni, inline, formattazioni html ti può creare dei conflitti.

**blindingstars** · 06-09-2008, 11:03

si infatti avevo intenzione di sistemarlo, ma non pensavo centrasse!!!

comunque grazie ora provo!

**blindingstars** · 06-09-2008, 11:55

niente da fare... arg

non c'è un altro modo x fare lo spazio?

**Myaku** · 06-09-2008, 13:01

Originariamente inviato da blindingstars
niente da fare... arg

non c'è un altro modo x fare lo spazio?

puoi mettere online la pagina aggiornata?

**blindingstars** · 06-09-2008, 22:45

si beh ma il link è comunque lo stesso e dovrebbe aggiornarsi automaticamente.... no?
comunque ecco: http://blindingstars.ilbello.com

**Myaku** · 07-09-2008, 08:53

Originariamente inviato da blindingstars
si beh ma il link è comunque lo stesso e dovrebbe aggiornarsi automaticamente.... no?
comunque ecco: http://blindingstars.ilbello.com

te l'avevo chiesto perchè continuo a vedere:

codice:

<body bgcolor="3d3d3d" background="">

e

codice:

body {
	background-color: #aeaca9;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

e

codice:

body  {
background-color : #323131;
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
}

Discussione: riga grigia sotto le immagini del sito...

Strumenti discussione

Ricerca discussione

Visualizza

riga grigia sotto le immagini del sito...

Permessi di invio