Necesito ayuda - HTML básico

Usuario Novato

#1•17/Ago/2012, 00:56

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

Sirquini

Come y duerme en el foro

#2•27/Ago/2012, 06:19

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;}

Anterior Siguiente Arriba

Responder

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

Inicio

Ayuda para webmasters

HTML básico

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

Tema	Respuestas	Visitas	Actividad
Temas similares
Necesito ayuda con el sitio web para colorear usando HTML Por: disegnidacolorarewk, el 14/Jul/2023, 10:02	0	672	Jul/23
Necesito Ayuda con un elemento Por: inicooh, el 14/Dic/2011, 16:15	1	2k	Dec/11
POR FAVOR, NECESITO AYUDA Por: CRISLU70B, el 05/Ago/2009, 13:46	20	3k	Aug/09
Necesito ayuda porfavor Por: televisionenvivoa, el 01/Jun/2009, 02:00	1	2k	Jun/09
problema con mi nueva web.¡necesito ayuda! Por: rabesan, el 25/Nov/2008, 17:57	5	2k	Nov/08