Posizionamento buttom CSS-Validator

[garnak.olegovitc1]

Salve a tutti,
inserisco il seguente codice html per incorporare questa immagine:

<p>
	<a href="http://jigsaw.w3.org/css-validator/check/referer">
		<img style="border:0;width:88px;height:31px"
			src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
			alt="Valid CSS!" >
	</a>
</p>

ma nella pagina compare in alto a sinistra, mi domandavo se era possibile spostarla in basso a destra?

Ringrazio anticipatamente!

Saluti

[BoG3]

Forse potrebbe fare al caso tuo la proprieta' CSS:

bottom: Xpx;
right: Ypx

Se ho frainteso, fammi sapere.

[garnak.olegovitc1]

@BoG,

"BoG":Forse potrebbe fare al caso tuo la proprieta' CSS:

bottom: Xpx;
right: Ypx

Se ho frainteso, fammi sapere.

thanks della risposta intanto.. non ho capito bene (purtroppo non sono un grande esperto in queste cose) forse ho scritto male la questione, io inserisco nel mio sorgente html quella parte di codice prima di , ma l'immagine compare in alto a sinistra.. io la vorrei in basso a destra!

Saluti

S

[BoG3]

<p>
   <a href="http://jigsaw.w3.org/css-validator/check/referer">
      <img style="bottum:0px; right:0px; border:0;width:88px;height:31px"
         src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
         alt="Valid CSS!" >
   </a>
</p>

penso che così vada bene.

Comunque... ci sono altri fattori da considerare: si trova in un qualche contenitore? ci sono piu' elementi nella pagina? ed altro.

Se no, prova questo:

<p>
   <a href="http://jigsaw.w3.org/css-validator/check/referer">
      <img style="position: fixed; z-index:100; bottom:0px; right:0px; border:0;width:88px;height:31px"
         src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
         alt="Valid CSS!" >
   </a>
</p>

EDIT: magari è megli ose ti spiego a grandi righe cosa ho fatto:

Il posizionamento di un elementi puo' dipendere anche dal posizionamento di altri elementi della pagina.
Per mettere un elemento in fondo puoi metterlo come ultimo elemento nel codice (scriverlo per ultimo) o se no, ad esempio potresti dirgli "a me non importa nulla di dove tu stia nell'ordine. Io ti ordino di fregartene dell'ordine della pagina e posizionarti esattamente in un posto che ora ti specifico". Questo glielo dico con

position: fixed;

. Ora con i commandi

right:0px; 
bottom: 0px

gli ho solo detto: mettiti a 0 pixel dall'estremita' destra della pagina e mettiti a 0 pixel dal fondo della pagina! Il

z-index:100;

serve per dirgli di mettersi sopra eventuali disegni (un po' come il livello di photoshop)

Prova a dare un occhiata qua: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_position_bottom

e anche qua sevuoi: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_zindex

Scusa eventuali errori di battitura ma sto andando un po' di fretta. in caso di bisogno scrivi

[garnak.olegovitc1]

@BoG,

"BoG":

Se no, prova questo:

<p>
   <a href="http://jigsaw.w3.org/css-validator/check/referer">
      <img style="position: fixed; z-index:100; bottom:0px; right:0px; border:0;width:88px;height:31px"
         src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
         alt="Valid CSS!" >
   </a>
</p>

thanks soo much!... funziona usando questo codice..!! Grazie mille!!

Saluti

[BoG3]

Figurati,
ultimo consiglio: forse saresti piu' comodo a scrivere un fileCSS esterno invece di assegnare il CSS a ogni singolo elemento
Ciao