servicioke
Usuario Novato
Usuario Novato

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.

Si alguien sabe por favor que me avise.

Desde ya muchas gracias!

Saludos!.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro

Ignorando el hecho de que estes usando tablas para el diseño de tu página web, algo que no deberías hacer a estas alturas, te sugiero que le otorgues un valor especifico al ancho de la tabla, como por ejemplo el ancho de la imagen de fondo o 859px.

Estas usando valores relativos para el ancho de las tablas, pero valores fijos en tu CSS, el cual tiene un error en la clase marcas:

.marcas {width: 157px; height: 741px; background: url(../img/marcas.png); 'style='position: fixed'; top: 0px; left: 0px;}

Debería ser:

.marcas {width: 157px; height: 741px; background: url(../img/marcas.png); position: fixed; top: 0; left: 0;}
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 14/Jul/2023, 10:02
disegnidacolorarewk0671Jul/23
Por: , el 14/Dic/2011, 16:15
inicooh GestionXls12kDec/11
Por: , el 05/Ago/2009, 13:46
CRISLU70B chavp laionpat demoniodehiel NoSetup.org203kAug/09
Por: , el 01/Jun/2009, 02:00
televisionenvivoa Vanadis8212kJun/09
Por: , el 25/Nov/2008, 17:57
rabesan chavp Golfizta52kNov/08