Entrar

Menu-horizontal

teleibatin · · Solicitar retirada
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">


[contenido no disponible]</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

    </div>
    <div id="menuizq1">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    <div id="menuizq1">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div></div>
    <div id="contenido01">Parte principal</div>
    <div id="menuder1">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </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 ;
    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
    • teleibatin · · Solicitar retirada
    En el titulo de la consulta consigne POR ERROR menu horizontal en lugar de MENU VERTICAL
    Yaneth · · Solicitar retirada
    ya subiste la pàgina?
    no logro entender que deseas
    me puedes dar la url para verlo?
    teleibatin · · Solicitar retirada
    No puedo colocar en los menú la imagen superior (o sea el borde con esquinas redondeadas. Si?
    El post numero 1 de ésta consulta en el foro extraxto:

    Nombre de la imagen en la carpeta: objetos: menu-parte-superior.gif

    HTML: <div id="menuizq1">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3 </div>


    CSS: #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)

    Espero haberlo dejado mas claro.

    AUN NO LA SUBI A LA RED
    • Kamael · · Solicitar retirada
    Deja una captura de tu html-kit abierto con la carpeta objetos abierta
    Yaneth · · Solicitar retirada
    PEERO compañero no veo h1 en el menu
    si pusiste la imagen superior en el css en la orden de menu h1

    Nombre de la imagen en la carpeta: objetos: menu-parte-superior.gif

    HTML: <div id="menuizq1">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3 </div>


    CSS: #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)


    por eso no lo ves no crees?
    deberias tener asi

    <div id="menuizq1"> <h1>algo</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3 </div>

    ya que la imagen la metiste en el h1 del css

    saludos
    • teleibatin · · Solicitar retirada
    :lol: :lol:

    Gracias Yaneth, ni remotamente se me ocurrió poner de esta manera.

    FELICES FIESTAS PARA USTED Y PARA TODOS LOS FORREROS