Problemilla con tamaños

mikelalos · #1 (**permalink**) 08/11/2008, 13:28

Hola, soy nuevo en esto y tengo un problema con las resoluciones de pantalla y los tamaños.

Resulta que he hecho una especie de boceto de lo que podria ser una web y el problema esta en que si le pongo los pixeles se ve todo bien, pero en altas resoluciones se quedan huecos grandes a los lados, pero si le pongo porcentajes para que ocupe el ancho de la pantalla, las imagenes se repiten y me gustaria saber como solucionais esto vosotros.

Saludos

codigos

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>xxxxxxxxxxx</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>

<body>
<div id="header"></div>
<div id="menu">
<div id="boton1"></div>
<div id="boton2"></div>
<div id="boton3"></div>
<div id="boton4"></div>
<div id="boton5"></div>
</div>
</body>
</html>

Cita:

#header {
width:850px;
height:156px;
margin:0px auto;
background-image: url(images/logo.jpg);
}
#menu {
width:850px;
height:50px;
margin:0px auto;
background:url(images/botblank.jpg);
}
#boton1{
width:100px;
height:50px;
float:left;
background:url(images/botnos.jpg);
}
#boton1:hover {
background:url(images/botnosh.jpg);
}
#boton2{
width:113px;
height:50px;
float:left;
background:url(images/botdis.jpg);
}
#boton2:hover {
background:url(images/botdish.jpg);
}
#boton3{
width:170px;
height:50px;
float:left;
background:url(images/bothos.jpg);
}
#boton3:hover {
background:url(images/bothosh.jpg);
}
#boton4{
width:85px;
height:50px;
float:left;
background:url(images/botpre.jpg);
}
#boton4:hover {
background:url(images/botpreh.jpg);
}
#boton5{
width:99px;
height:50px;
float:left;
background:url(images/botcon.jpg);
}
#boton5:hover {
background:url(images/botconh.jpg);

Si hay algo que este mal me lo decis tambien ;)

dacho · #2 (**permalink**) 08/11/2008, 15:41

Hola para que no se repitan las imagenes tenes que usar: background-repeat: no-repeat

De todas formas las botoneras es mejor hacerlas con listas y ademas para ahcer que se agrande dependiendod del monitor es jodido que quede un diseño bien bien... Tendras que invsstigar un poco mas o quizas otro usuario con mas tiempo te ayude mas.

Saludos.