Ciao a tutti.
Ho necessità di poter mettere un’immagine, in una pagina html, posizionata a 300 pixel dal top e 200 pixel dal left.
Ho risolto facendo un div, ma il problema sorge quando cambio la risoluzione del monitor.
Infatti tutto il div lo trovo spostato.
C’è un modo, sempre attraverso un div, che mi garantisca sempre la stessa posizione?
Grazie a tutti
ecco la struttura della mia pagina html
<html>
<head>
<style type="text/css">
#div2 { BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BACKGROUND: silver;
LEFT: 4%;
BORDER-LEFT: 1px solid;
WIDTH: 300px;
BORDER-BOTTOM: 1px solid;
POSITION: absolute;
TOP: 4%;
HEIGHT: 200px;
TEXT-ALIGN: center
}
</style>
</head>
<body>
<table BORDER="1" >
<tr>
<td> 1 </td>
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
<td> 4 </td>
</tr>
</table>
<div id="div2"> questo è il div che contiene l'immagine</div>
</body>
</html>
Ho necessità di poter mettere un’immagine, in una pagina html, posizionata a 300 pixel dal top e 200 pixel dal left.
Ho risolto facendo un div, ma il problema sorge quando cambio la risoluzione del monitor.
Infatti tutto il div lo trovo spostato.
C’è un modo, sempre attraverso un div, che mi garantisca sempre la stessa posizione?
Grazie a tutti
ecco la struttura della mia pagina html
<html>
<head>
<style type="text/css">
#div2 { BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BACKGROUND: silver;
LEFT: 4%;
BORDER-LEFT: 1px solid;
WIDTH: 300px;
BORDER-BOTTOM: 1px solid;
POSITION: absolute;
TOP: 4%;
HEIGHT: 200px;
TEXT-ALIGN: center
}
</style>
</head>
<body>
<table BORDER="1" >
<tr>
<td> 1 </td>
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
<td> 4 </td>
</tr>
</table>
<div id="div2"> questo è il div che contiene l'immagine</div>
</body>
</html>
