come faccio a centrare un immagine?

01-11-2003, 17.48.46

c'è un modo per far si che un immagine, una tabella o altro stia esattamente al centro della pagina senza dover metterci 3.000 <br>?

grazie

**loading** · 01-11-2003, 20.21.22

Io disegno una tabella di width e height=100% con una cella sola a cui do gli attributi valign="middle" e align="center", poi dentro i tag <td> ci infilo un altra tabella (nel tuo caso un'mmagine con quello che voglio.

Funziona...

01-11-2003, 21.39.23

Per un'immagine di sfondo in una pagina, niente di più semplice:
[code:1:d3eaa0569d]

<style type='text/css' media='screen'>
body {
background-image: url(mia_immagine.jpg);
background-position: center center;
background-repeat: no-repeat;
}
</style>
</head>
<body> 
[/code:1:d3eaa0569d]

Qualsiasi risoluzioni vedi la pagina, qualsiasi dimensione dai alla finestra l'immagine è sempre al centro.
Ovvio se la dimensione della finestra è inferiore alla dimensione dell'immagine ... compaiono le barre :D

Per centrare una cosa sullo schermo a parte usare le funzioni di background (che funzionano dappertutto non solo in body) il discorso è più complicato ma tutto sommato semplice allo stesso tempo.

vuoi una tabella (:() centrata nella pagina?

[code:1:d3eaa0569d]

<style type='text/css' media='screen'>
body {
background-image: url(mia_immagine.jpg);
background-position: center center;
background-repeat: no-repeat;
}
#tabella {
margin: 15px auto;
width: 90%
}
</style>
</head>
<body>
<div id='tabella'>
<table>
--------------
</table>
</div>
[/code:1:d3eaa0569d]

Buono studio con i fogli di stile.

01-11-2003, 21.41.05

Originalmente inviato da sugandbibi

Per un'immagine di sfondo in una pagina, niente di più semplice:
[code:1:5e22a73de7]

<style type='text/css' media='screen'>
body {
background-image: url(mia_immagine.jpg);
background-position: center center;
background-repeat: no-repeat;
}
</style>
</head>
<body> 
[/code:1:5e22a73de7]
grazie ;)

Qualsiasi risoluzioni vedi la pagina, qualsiasi dimensione dai alla finestra l'immagine è sempre al centro.
Ovvio se la dimensione della finestra è inferiore alla dimensione dell'immagine ... compaiono le barre :D

Per centrare una cosa sullo schermo a parte usare le funzioni di background (che funzionano dappertutto non solo in body) il discorso è più complicato ma tutto sommato semplice allo stesso tempo.

vuoi una tabella (:() centrata nella pagina?

[code:1:5e22a73de7]

<style type='text/css' media='screen'>
body {
background-image: url(mia_immagine.jpg);
background-position: center center;
background-repeat: no-repeat;
}
#tabella {
margin: 15px auto;
width: 90%
}
</style>
</head>
<body>
<div id='tabella'>
<table>
--------------
</table>
</div>
[/code:1:5e22a73de7]

Buono studio con i fogli di stile.

01-11-2003, 21.52.05

Duccio che fai mi citi?

01-11-2003, 21.53.19

Originalmente inviato da sugandbibi

Duccio che fai mi citi?

ops..ho sbagliatoi :D sucecde hihi

01-11-2003, 22.00.51

Originalmente inviato da duccio

Originalmente inviato da sugandbibi

Duccio che fai mi citi?

ops..ho sbagliatoi :D sucecde hihi

Discussione: come faccio a centrare un immagine?

LinkBack

Strumenti discussione

Display

Regole di scrittura