Css e Image map

[vampiretta]

Css e Image map

Salve ragazzi se guardate questa pagina

http://www.vampiretta.it/imagemap.html

ho creato nel footer una image map solo che mi lascia un righino in basso di spazio che non riesco a togliere.

Ho usato questo codice nel css:
[HTML]#immaginefooter {
/* background image block /
width: 900px;
height: 27px;
margin-bottom: 0px;
padding-bottom: opx;
background: url(immagine-footer.gif) no-repeat bottom;
}
#w3c {
/ clickable area */
float: left;
width: 80px;
height: 15px;
margin-left: 727px;
margin-top: 6px;
margin-bottom: 0px;
}[/HTML]

E questo nella pagina:
<div id="immaginefooter">
<a id="w3c" href="htto://www.vampiretta.it" title="XHTML 1.0 Valido"></a>
</div>

Se levo il float scompare il righino sotto ma non mi linka + il bannerino del W3C.

Dove sbaglio?

[laburno]

Ciao Vampiretta,
ma non è più semplice linkare direttamente il bannerino?

[vampiretta]

@Laburno said:

Ciao Vampiretta,
ma non è più semplice linkare direttamente il bannerino?
Ehm no, nel senso che non sapendo fare un footer lato server mi sto ingegnando per trovare un modo di farmi footer che faccio presto a cambiare nelle pagine.

Allora ho fatto un immagine con lo sfondo arancione, la scritta e il bannerino e l'ho messo come footer però mi serve di linkare il bannerino e allora mi ero inventata la image map... troppo contorto?!

Altrimenti si posso fare come dici tu, linko solo in bannerino ma se poi modifico il footer mi tocca farlo in tutte le pagine a mano.

[laburno]

@Vampiretta said:

... troppo contorto?!

SI!!
Comunque, mi sembra che il bannerino sia completamente mappato (almeno su Firefox).

Tu l'hai provato con IE?

[vampiretta]

@Laburno said:

SI!!
Comunque, mi sembra che il bannerino sia completamente mappato (almeno su Firefox).

Tu l'hai provato con IE?
Si il bannerino è mappato, ma se guardi c'è un righino di spazio sotto il footer arancione che invece nelle altre pagine del mio sito (fatte senza mappa) non c'è.

Con righino giallo di troppo in fondo http://www.vampiretta.it/imagemap.html

Senza (ma anche senza mappatura) http://www.vampiretta.it/studioghibliessential.html

Dunque io vorrei tenermi la mappatura ma eliminare il bordino di troppo sotto il footer.

[laburno]

Non so se è l'origine del problema, ma:

[html]#immaginefooter {
/* background image block */
width: 900px;
height: 27px;
margin-bottom: 0px;
padding-bottom: opx;
background: url(immagine-footer.gif) no-repeat bottom;
}[/html]
in padding-bottom hai scambiato uno zero con una "o".

[vampiretta]

Laburno, ho corretto grazie. Ma il risultato non cambia!

Che invento?