Hola:
Creo que ahora entendí, prueba esto.
En el HTML:
Código:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>
En un div -> imagen a los bordes y fondo... ¿como?
</title>
<link href="estilos.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div class="img1">
<div class="img1-izda"></div>
<div class="img1-dere"></div>
<div class="img1-cent"></div>
</div>
</body>
</html>
y el CSS:
Código:
.img1{
width:780px;
height:64px;
margin:0 auto;
}
/* imagen izquierda de un tamaño de 15px de ancho por 64px de alto */
.img1-izda{
background:url(images/imagen_iz.gif) no-repeat;
width:15px;
height:64px;
float:left;
}
/* imagen derecha de un tamaño de 15px de ancho por 64px de alto */
.img1-dere{
background:url(images/imagen_de.gif) no-repeat;
width:15px;
height:64px;
float:right;
}
/* imagen central de un tamaño de 2px de ancho por 64px de alto */
.img1-cent{
background:url(images/imagen_ce.gif) repeat-x;
height:64px;
}
El código está basado en
este menú y las imágenes
son una de estas (son iguales sólo cambia el color).
En el primer enlace te puedes descargar el ejemplo del menú, así podrás ver como el código trata las imágenes.
Saludos.
P.D.: Por favor, no me trates de usted, te lo agradeceré. Saludos.