Punto informatico Network
Login Esegui login | Non sei registrato? Iscriviti ora (è gratuito!)
Username: Password:
  • Annuncio Pubblicitario

[CSS] allineamento centrale (verticale e orizzontale)

Cerchi consigli per migliorare il tuo sito? Vuoi aprire un sito in poco tempo?
Discuti con altri webmaster, chiedi chiarimenti ed opinioni in tutta libertà.
Lo spam verrà cancellato.

[CSS] allineamento centrale (verticale e orizzontale)

Messaggioda Krusty » ven mar 03, 2006 10:59 am

Ragazzi.....ho un'img che deve essere posizionata in una pagina web totalmente vuota (no tabelle, no testo, no altre img, ecc...) esattamente al centro (sia verticale che orizzontale).
So che è possibile ottenere questo tipo di allineamento con i CSS...ma non so come....
"L’uovo ha una forma perfetta benchè sia fatto col posto dove non batte mai il sole" - Bruno Munari
Avatar utente
Krusty
Bronze Member
Bronze Member
 
Messaggi: 559
Iscritto il: sab lug 02, 2005 3:57 pm

Messaggioda Rancid » ven mar 03, 2006 11:36 am

Questo ti crea un box centrato nella pagina all'interno del quale puoi mettere l'immagine:

#box {
width:350px; height:200px;
position:absolute;top:50%;left:50%;
margin:-100px 0 0 -175px;
background:#cfc;border:1px solid #000;
font:10px verdana, sans-serif }

le dimensioni puoi cambiarle come vuoi tenendo presente che il primo valore di margine è la metà dell'altezza, l'ultimo la metà della larghezza
Non è la mera fotografia che mi interessa. Quel che voglio è catturare quel minuto, parte della realtà.
The Medium Is The Messagge
Avatar utente
Rancid
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 2417
Iscritto il: mar nov 25, 2003 1:58 pm
Località: Haunted City

Messaggioda Krusty » ven mar 03, 2006 12:07 pm

Grazie Rancid....ehm.....solo che......

dove sbaglio?

vorrei ottenere questa effetto:

QUI

E invece ottengo questo:

QUI

puoi dirmi dove sbaglio?
"L’uovo ha una forma perfetta benchè sia fatto col posto dove non batte mai il sole" - Bruno Munari
Avatar utente
Krusty
Bronze Member
Bronze Member
 
Messaggi: 559
Iscritto il: sab lug 02, 2005 3:57 pm

Messaggioda Rancid » ven mar 03, 2006 12:15 pm

Se cambi altezza e larghezza del box devi cambiare anche i valori dei margini, nel tuo caso hai width 3750 e height 205 quindi i margini vanno impostati -102px 0 0 -1875px ... praticamente nei margini devi sempre mettere: -(valore dell'altezza/2) 0 0 -(valore della larghezza/2)
Non è la mera fotografia che mi interessa. Quel che voglio è catturare quel minuto, parte della realtà.
The Medium Is The Messagge
Avatar utente
Rancid
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 2417
Iscritto il: mar nov 25, 2003 1:58 pm
Località: Haunted City


Torna a Sviluppo Web

Chi c’è in linea

Visitano il forum: Nessuno e 0 ospiti

Powered by phpBB © 2002, 2005, 2007, 2008 phpBB Group
Traduzione Italiana phpBB.it

megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2008 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising