Posizionare immagine

**AyeyeBrazorv** · 08-12-2011, 17:34

Ragazzi ho un problema con un'immagine...
Come faccio a centrarla esattamente al centro della pagina?
Ho una pagina (che se vi serve dopo posto) che ha un'immagine sulla sinistra, il titolo della pagina a destra di quell'immaginetta e poi l'immagine importante al centro della pagina. Questa o è tutta a sinistra, o non si centra...
Se la tolgo dal div mi va sopra le altre cose...
Non posso impostare le distanze con i pixel perchè questa pagina viene generata a seconda del valore php?id=X
Quindi a volte ho un'immagine che è più larga che lunga e a volte il contrario.
C'è un modo per far sì che sia centrata in ogni caso? Oppure devo per forza scegliere le dimenzioni fisse delle immagini e usarle per tutte?
Grazie

**ac_socmel** · 09-12-2011, 06:03

Originariamente inviato da AyeyeBrazorv
se vi serve dopo posto

meglio se posti il link

**AyeyeBrazorv** · 09-12-2011, 10:54

Originariamente inviato da ac_socmel
meglio se posti il link

Sito

Diciamo che il problema è cambiato ma è sempre inerente al titolo. Vedi l'immagine dei sosteggi?
Quella è in un blocco così:

Codice PHP:


#immagine {

    position: absolute;

    top: 150px;

    left: 50px;

    width: 800px;

    height: 310px;

    margin: auto;

}

Il problema è che se non metto <center> all'interno di div non mi si centra orizzontalmente questa immagine. E non so proprio invece come centrarla verticalmente.
Inoltre la cosa strana è che il testo è impostato come arial e invece mi sembra tutt'altro che Arial...
Inoltre, nonostante uso <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> in tutte le pagine del mio sito, in questa pagina c'è notevole differenza tra Internet Explorer, Mozilla Firefox e Google Chrome. Chi mi sa dire per quale motivo?

**ac_socmel** · 09-12-2011, 11:49

cancella tutta la regola di #testo
cancella tutti i <center>
e modifica #titolo e #immagine così

codice:

#titolo {
 	font-size: 35px;
	font-face: Arial;
        text-align: center;
        padding: 50px 0 
} 
#immagine {
        text-align: center;
        margin-bottom: 50px 
}

**AyeyeBrazorv** · 09-12-2011, 12:26

Originariamente inviato da ac_socmel
cancella tutta la regola di #testo
cancella tutti i <center>
e modifica #titolo e #immagine così

codice:

#titolo {
 	font-size: 35px;
	font-face: Arial;
        text-align: center;
        padding: 50px 0 
} 
#immagine {
        text-align: center;
        margin-bottom: 50px 
}

L'immagine è sistemata... Però con i titoli grandi guarda qui:

Link

**AyeyeBrazorv** · 09-12-2011, 12:45

Originariamente inviato da AyeyeBrazorv
L'immagine è sistemata... Però con i titoli grandi guarda qui:

Link

Inoltre MF e GC sono differenti. Come mai?

**ac_socmel** · 09-12-2011, 14:22

codice:

#titolo {
 	font-size: 35px;
	font-face: Arial;
        text-align: center;
        padding: 50px 0 50px 50px
}

dovrebbe aggiustare il titolo
per il resto devi spiegare in cosa sono differenti
io non li ho e non posso vedere

**AyeyeBrazorv** · 09-12-2011, 14:39

Originariamente inviato da ac_socmel

codice:

#titolo {
 	font-size: 35px;
	font-face: Arial;
        text-align: center;
        padding: 50px 0 50px 50px
}

dovrebbe aggiustare il titolo
per il resto devi spiegare in cosa sono differenti
io non li ho e non posso vedere

Sono diversi i caratteri... Poi io ho impostato arial ma non sembra proprio arial

**AyeyeBrazorv** · 09-12-2011, 15:13

Originariamente inviato da ac_socmel

codice:

#titolo {
 	font-size: 35px;
	font-face: Arial;
        text-align: center;
        padding: 50px 0 50px 50px
}

dovrebbe aggiustare il titolo
per il resto devi spiegare in cosa sono differenti
io non li ho e non posso vedere

Il titolo è un po' meglio ma con titoli ancora più lunghi va comunque sotto a quell'altro... Come faccio a fare in modo che va a capo ma inizia da dopo il calendario? E allo stesso tempo sia centrato?

**ac_socmel** · 09-12-2011, 15:23

al titolo lascia solo il padding-top e padding-bottom per distanziare dal bordo e dalla foto,
il calendario deve essere scritto prima del titolo e nel suo css togli position e misure varie
e usi float: left e se serve qualche margin

Discussione: Posizionare immagine

Strumenti discussione

Ricerca discussione

Visualizza

Posizionare immagine

Re: Posizionare immagine

Re: Re: Posizionare immagine

Permessi di invio