Entrar

PROBLEMAS CON LA BARRA DE NAVEGACION

aranzazu · · Solicitar retirada
:D
Buenos dias Yanneth el problemas que tengo es que no puedo soucionar el contenido de la barra de navegacion mi url es: http://automotrizcisneros.onlinewebshop.net/plantilla.html y asi tengo la hoja de estilos y la plantilla html. desde ya te agradezco tu ayuda
Ricardo:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration:underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-aling: center}
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 ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left}
#publicidad {width:518px ; float:right ; margin-top: 25px ; font-size: 16px }
#navegacion {background-color: cyan ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: Salmon ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {margin: 5px 10px 0px 10px; text-indent: 15px}
#menu {width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif) ;
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image:url(objetos/menu-parte-superior.gif) }
#pie {background-color: white;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid }

#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">
<ul>
  • Mecánica
  • Enderezada
  • Pintura
  • Electricidad</div>
    </div>


    <div id="contenido">

    <div id="menu">
    <h1>Taller Multimarcas 1</h1>
    <ul>
  • Inicio
  • Quienes somos
  • Contactanos
  • Ventajas
    </div>


    <h1>Esta será la zona principal de la web</h1>


    esta es prueba para Automotriz Cisneros de Ecuador esperando que le guste como esta quedando
    para que de esta manera pueda trabajar y dar un servicio mas personalizado a sus clientes y pueda ganar dinerito
    <h2>asista a realizar cambios de aceites</h2>

    servicio de chapa y pintura, mecanica en general estamos
    ubicados en la calle Amazonas Quito-Ecuador, si vienes con esta publicidad te damos un descuento del 10%</p>
    </div>

    <div id="pie">QUEREMOS SER SU MECANICA DE CONFIANZA VISITENOS</div>


    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>


    S.O.s estoy atrancado en este punto gracias. un saludo
    • saruman · · Solicitar retirada
    HOLA:

    No soy JANNETH, pero supongo que te dará igual:
    veo que te falta cerrar la capa o div cabecera
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a mi Web</div> </div>
    <div id="navegacion">

    Si no lo haces, dejas abierto el <div id= "cabecera>, se queda abierta, porque dentro de esta capa esta el logotipo y la publicidad y después la navegacion asi que todo esto se amontona y ocupa el mismo espacio poniendo ese div separas la cabecera de la navegacion y te quedará mas en lo que pretendes

    ESPERO HABERTE SIDO DE AYUDA

    UN SALUDO: SARUMAN
    Es ESENCIAL en este mundo, para no crear vagos ENSEÑAR
    aranzazu · · Solicitar retirada
    saruman escribió:HOLA:

    No soy JANNETH, pero supongo que te dará igual:
    veo que te falta cerrar la capa o div cabecera
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a mi Web</div> </div>
    <div id="navegacion">

    Si no lo haces, dejas abierto el <div id= "cabecera>, se queda abierta, porque dentro de esta capa esta el logotipo y la publicidad y después la navegacion asi que todo esto se amontona y ocupa el mismo espacio poniendo ese div separas la cabecera de la navegacion y te quedará mas en lo que pretendes

    ESPERO HABERTE SIDO DE AYUDA

    UN SALUDO: SARUMAN

    Buenas tardes Saruman he corregido ese error y esta bien pero ahora tengo un problema sedescentra la parte de abajo, para que me entindas desde el menu de la izquierda se sale del cuadro de la pagina web, por favor si me ayudas muchas gracias, la parte de la barra del menu esta solucionado. por fvor mira en http:automotrizcisneros.onlinewebshop.net/plantilla.html
    y de antemano gracias

    Ricardo
    saruman · · Solicitar retirada
    HOLA:

    He mirado tu pagina y la veo bien no tienes nada que preocuparte (al menos por ahora) rellena mas las equis y te bajara la curva inferior que es lo que ahora da ese aspecto un poco desaliñado
    Otra alternativa es meter una figura que te rellenara aunque luego la quites, asi al bajar veras como esta bastante mejor
    o pon series de equisXXXXXX
    XXXXXX
    XXXXXX
    XXXXXX

    Asi rellenas espacio

    ESPERO HABERTE SIDO DE AYUDA

    UN SALUDO: SARUMAN