No encuentro el ERROR que me impide poner en el menú a la imagen superior (borde)
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Oportunidades-negocios-dinero</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body {text-align: center}>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
[img]objetos/cabecera-cafe4.jpg[/img]</p></div>
<div id="curva-inferior"></div>
<div id="navegacion">
LA FRASE DEL DÍA</p>
<script language="JavaScript" charset="iso-8859-1"
src="http://servicios.citasyrefranes.com/citadeldia">
</script>
</div>
<div id="curva-superior"></div>
<div id="contenido">
<div id="menus">
<div id="menuizq1">
<ul>
[*]Enlace 1[*]Enlace 2[*]Enlace 3
[/list] </div>
<div id="menuizq1">
<ul>
[*]Enlace 1[*]Enlace 2[*]Enlace 3
[/list] </div>
<div id="menuizq1">
<ul>
[*]Enlace 1[*]Enlace 2[*]Enlace 3
[/list] </div></div>
<div id="contenido01">Parte principal</div>
<div id="menuder1">
<ul>
[*]Enlace 1[*]Enlace 2[*]Enlace 3
[/list] </div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTILO CSS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif);
background-repeat: no-repeat ;
width:800px ;
height: 12px;
overflow : hidden }
#cabecera { background-color: white ; width: 800px ;height: 200px; border-left: black 1px solid ;
border-right: black 1px solid }
#navegacion {background-color: #FFF8DC ; width: 800px ;height: 20px }
#contenido {width:800px ; height: 500px ; float: left ;border-left: 1px solid ; border-right: 1px solid ;
border-top: 1px solid }
#menus {width: 160px ; float:left ;height: 500px ;border: 1px solid}
#menuizq1 {width: 150px ; float:left ; margin: 25px 8px 8px 8px ;
text-align:left ; background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ; padding-bottom:5px }
#menuizq1 li {list-style:none ; margin: 4px 8px 4px 6px }
#menuizq1 h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#contenido01 {width:460px ; height: 510px ; float: left ;border-left: 1px solid ; border-right: 1px solid ;
border-top: 0px solid }
#menuder1 {width: 150px ; float:right ; margin: 25px 8px 8px 8px ;
text-align:left ; background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ; padding-bottom:5px }
#menuder1 li {list-style:none ; margin: 4px 8px 4px 6px }
#menuder1 h1 {text-decoration:none ; font-size:12px ;
[b]background-image: url(objetos/menu-parte-superior.gif) }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
#pie { background-color: white ;
width: 800px ;height: 80px ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
a {color: blue; font-size:0.9em ; text-decoration: none ; display: block }
a: link {}
a: visited {}
a: hover {color: red ; text-decoration: underline ; background-color: silver}
a: active {}
ACLARACIÓN: En la carpeta objeto la imagen es menu-parte-superior.gif
Citar
Marcadores