Holas a todos amigos, bueno les paso a comentar que recien me introduje al aprendisaje del lenguaje html, asiq ue como veran tengo un problema con una imagen:
Bueno primero les muestro como se ve mi pagina web en mi pc:
![]()
La imagen que esta recuadrada con rojo, cada vez que achico la pagina o la abro en otra pc con un monitor de mayor resolucion que el mio se corre de su lugar.
Asi se ve cuando la achico:
![]()
Y asi cuando la agrando:
![]()
Quisiera saber si alguien puede pasarme algun codigo html para que la imagen quede fija en ese lugar y que no se mueva al verla desde otra pc.
La imagen esta metida en un DIV.
Aca les dejo el codigo de mi pagina para que lo chequeen.
Codigo del Index.html:
<!DOCTYPE html>
<html>
<head>
<title>Mi Primera pagina web</title>
<link rel="stylesheet"href="css/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.marcas {margin-left: 19%}
</style>
</head>
<body>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<center><div class="menu">
<table width="100%">
<tr>
<td width="100px" align="left">
<a href="file:///C:/Users/R3L4PS3/Desktop/PaginaWeb/index.html"><img src="img/inicio2.png"></a>
</td>
<td width="200px" align="left">
<a href="http://www.google.com.ar"><img src="img/acercade.png"></a>
</td>
<td width="200px"align="left">
<a href="http://www.google.com.ar"><img src="img/comentarios.png"></a>
</td>
<td width="100px" align="left">
<a href="file:///C:/Users/R3L4PS3/Desktop/PaginaWeb/contacto.html"><img src="img/contacto.png"></a>
</td>
</tr>
</table>
</center>
<div class="marcas">
<table width="100%">
<tr>
<td>
<a href="http://www.intel.com.ar/content/www/xl/es/homepage.html" target="_blank"><img src="img/invisible.png"
VSPACE=10></a>
</td>
</tr>
<tr>
<td>
<a href="http://www.amd.com/es/Pages/AMDHomePage.aspx" target="_blank"><img src="img/invisible.png"></a>
</td>
</tr>
<tr>
<tr>
<td>
<a href="http://www.kingston.com/es/" target="_blank"><img src="img/invisible.png" VSPACE=10></a>
</td>
</tr>
<tr>
<td>
<a href="http://www.wdc.com/sp/" target="_blank"><img src="img/invisible.png"></a>
</td>
</tr>
<tr>
<tr>
<td>
<a href="http://www.samsung.com/ar/" target="_blank"><img src="img/invisible.png" VSPACE=10></a>
</td>
</tr>
<tr>
<td>
<a href="http://latin.asus.com/" target="_blank"><img src="img/invisible.png"></a>
</td>
</tr>
<tr>
<tr>
<td>
<a href="http://ar.gigabyte.com/" target="_blank"><img src="img/invisible.png" VSPACE=20></a>
</td>
</tr>
<tr>
<td>
<a href="http://www.asrock.com/index.la.asp" target="_blank"><img src="img/invisible.png"></a>
</td>
</tr>
<tr>
<tr>
<td>
<a href="http://www.nvidia.es/page/home.html" target="_blank"><img src="img/invisible.png" VSPACE=30></a>
</td>
</tr>
<tr>
<td>
<a href="http://support.amd.com/la/gpudownload/Pages/index.aspx" target="_blank"><img src="img/invisible.png"></a>
</td>
</tr>
</table>
</div>
<br /><br />
</body>
<center>ServicioKE© 2012. Todos los derechos reservados.</center>
</html>
Codigo del style.css
body {background: url(../img/cuerpo.jpg); background-position:center; background-repeat: no-repeat;}
.menu {width: 859px; height: 50px; background: url(../img/menu.png);}
.marcas {width: 157px; height: 741px; background: url(../img/marcas.png); 'style='position: fixed'; top: 0px; left: 0px;}
Bueno espero que allan entendido mi problema xD.
Desde ya muchas gracias!
Saludos!.
