Foros del Web » Creando para Internet » CSS »

Problemilla con tamaños

Estas en el tema de Problemilla con tamaños en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/11/2008, 13:28
 
Fecha de Ingreso: enero-2004
Mensajes: 11
Antigüedad: 13 años, 11 meses
Puntos: 0
Problemilla con tamaños

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

Última edición por mikelalos; 08/11/2008 a las 13:48
  #2 (permalink)  
Antiguo 08/11/2008, 15:41
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 21
Respuesta: Problemilla con tamaños

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.
__________________
Curso de SEO y HTML.
Diprox.com.ar // Diseño Web.
Mi twitter: @soydacho
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:47.