Repository 32bit  Forum
Repository 64bit  Wiki

Immagini flottanti in un div footer

Forum dedicato alla programmazione.

Moderatore: Staff

Regole del forum
1) Citare in modo preciso il linguaggio di programmazione usato.
2) Se possibile portare un esempio del risultato atteso.
3) Leggere attentamente le risposte ricevute.
4) Scrivere i messaggi con il colore di default, evitare altri colori.
5) Scrivere in Italiano o in Inglese, se possibile grammaticalmente corretto, evitate stili di scrittura poco chiari, quindi nessuna abbreviazione tipo telegramma o scrittura stile SMS o CHAT.
6) Appena registrati è consigliato presentarsi nel forum dedicato.

La non osservanza delle regole porta a provvedimenti di vari tipo da parte dello staff, in particolare la non osservanza della regola 5 porta alla cancellazione del post e alla segnalazione dell'utente. In caso di recidività l'utente rischia il ban temporaneo.

Immagini flottanti in un div footer

Messaggioda samiel » mar ott 11, 2011 13:46

Ho un footer di questo tipo:
Codice: Seleziona tutto
<div id="footer">
<p>© Associazione «bla bla» -
2011</p>
<img class=\"piclogs\" src=\"pics/loghi/valid-css2-blue.png\" alt=\"Logo
CSS2\" title=\"Logo CSS2\" />
<img class=\"piclogs\" src=\"pics/loghi/valid-xhtml11-blue.png\" alt=\"Logo
XHTML 1.1\" title=\"Logo XHTML 1.1\" />
</div>

e il relativo CSS
Codice: Seleziona tutto
#footer{clear:both; text-align:center; padding:25px; background-color:white;
color:#1E247C; border-top:double #1E247C}
.piclogs{float:right; text-align:right; padding:25px 25px 0 0}

Ora, le icone sforano il footer e finiscono nel body,
che peraltro è di un diverso colore. Per farle stare dentro
il footer ho aggiunto dopo le icone un <p></p> vuoto con clear:right,
ma mi pare una soluzione sporca. L'alternativa che funziona
è usare il posizionamento assoluto, ma volevo capire se invece
si può risolvere lasciando le icone flottanti...

Grazie
M.
samiel
Staff
Staff
 
Messaggi: 5500
Iscritto il: ven gen 16, 2004 0:00
Località: Venezia
Nome Cognome: Mauro Sacchetto
Slackware: 13.0
Kernel: 2.26
Desktop: KDE
Distribuzione: anche Debian

Re: Immagini flottanti in un div footer

Messaggioda roberto67 » mer ott 12, 2011 8:32

proverei a togliere il
Codice: Seleziona tutto
float:right

all'immagine e di usare un html come
Codice: Seleziona tutto
<p class="piclogs"><img src=\"pics/loghi/valid-css2-blue.png\" alt=\"Logo
CSS2\" title=\"Logo CSS2\" />
<img src=\"pics/loghi/valid-xhtml11-blue.png\" alt=\"Logo
XHTML 1.1\" title=\"Logo XHTML 1.1\" /></p>


e nel css
Codice: Seleziona tutto
p.piclogs {text-align:right}
roberto67
Packager
Packager
 
Messaggi: 291
Iscritto il: lun set 14, 2009 17:55
Slackware: 14.1 multilib
Desktop: kde

Re: Immagini flottanti in un div footer

Messaggioda teox99 » mer ott 12, 2011 8:44

nel div devi dichiarare
overflow:auto
Avatar utente
teox99
Linux 2.6
Linux 2.6
 
Messaggi: 730
Iscritto il: ven lug 25, 2008 13:54
Località: Roma[Eur]
Slackware: 13.37
Desktop: KDE - Xfce

Re: Immagini flottanti in un div footer

Messaggioda samiel » mer ott 12, 2011 15:40

Funzionano entrambe.
La prima mi pare un po' più "manuale", come quella che avevo abborracciato io.
La seconda mi sembre più raffinata. Però - visto che con l'overflow (al quale
in effetti non avevo pensato affatto) le immagini non sono collocate
all'interno di un <p>, non dovrebbe funzionare anche il vertical-align?
Invece, dato che le immagini sono di dimensioni leggermente diverse,
che io metta vertical-align a top o a bottom non si sposta nulla...

Grazie
M.
samiel
Staff
Staff
 
Messaggi: 5500
Iscritto il: ven gen 16, 2004 0:00
Località: Venezia
Nome Cognome: Mauro Sacchetto
Slackware: 13.0
Kernel: 2.26
Desktop: KDE
Distribuzione: anche Debian

Re: Immagini flottanti in un div footer

Messaggioda aschenaz » sab ott 15, 2011 8:14

Per il vertical-align fai così:
Codice: Seleziona tutto
div#footer img{vertical-align:bottom-text}
pensieriemotivi.aschenaz.eu - music-blog
Avatar utente
aschenaz
Staff
Staff
 
Messaggi: 4423
Iscritto il: mar lug 27, 2004 23:00
Località: Reggio Calabria
Nome Cognome: Nino
Slackware: current 64bit
Kernel: 3.14.16
Desktop: KDE 4.10.5

Re: Immagini flottanti in un div footer

Messaggioda samiel » gio nov 10, 2011 22:25

Grazie, visto solo ora!

M.

PS
La sintassi corretta è text-bottom :-)
samiel
Staff
Staff
 
Messaggi: 5500
Iscritto il: ven gen 16, 2004 0:00
Località: Venezia
Nome Cognome: Mauro Sacchetto
Slackware: 13.0
Kernel: 2.26
Desktop: KDE
Distribuzione: anche Debian


Torna a Programmazione

Chi c’è in linea

Visitano il forum: Nessuno e 3 ospiti