home Foro de soporte Ayuda para webmasters HTML básico
 
Necesito ayuda
#1 ·

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!.


Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 2
Desde: 16/Ago/2012
·
#2 ·

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:

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

Debería ser:

Código:
.marcas {width: 157px; height: 741px; background: url(../img/marcas.png); position: fixed; top: 0; left: 0;}

Come y duerme en el foro
Come y duerme en el foro
Haz clic para ver el perfil del usuario
Mensajes: 450
Desde: 20/Feb/2009
· ·
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
Foro de soporte · Ayuda para webmasters · HTML básico
Opciones:
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 10:53 UTC+02:00 DST
Temas similares
 I FotoTemaMensajesVisitasÚltima respuesta
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Necesito Ayuda con un elemento
Por: · 14/Dic/2011, 16:15
143814/Dic/2011, 16:57
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
POR FAVOR, NECESITO AYUDA
Por: · 05/Ago/2009, 13:46
202k11/Ago/2009, 22:12
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Necesito ayuda porfavor
Por: · 01/Jun/2009, 02:00
150601/Jun/2009, 15:32
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario588627/Nov/2008, 03:04
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario62k27/Nov/2008, 03:08
 Ir al último mensaje del tema