Entrar

NO PUEDO PONER EL MENU AL LADO IZQUIERDO(solucionado)

aranzazu · · Solicitar retirada
Buenas he realizado los pasos necesarios para ver el menu lateral en la izquierda pero no se ver asi, por faovr ayudarme adjunto html. y estilos generales
<!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">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<dic id=" publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">
<ul>
  • Mecánica
  • Endereza
  • Pintura
  • Electricidad</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>
    * {text-indent:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color blue ; font-weigth: bold ; text-decoration:underline ; text-align: center }
    h2 {font-size: 1.1em; color blue ; font-weigth: 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: blue ; border: black 1px solid ; height:20px }
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange ; 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 }


    a {color: blue; font-size:1.3em ; text-decoration: none ; display: block}
    :link {}
    :visited: {}
    :hover {color:red ; text-decoration:underline ; background-color: silver}
    :active {}
    a {color: brown ; text-decoration:none ; display: block }
    • fernando mendoza · · Solicitar retirada
    hola tiene que corregir en donde le marco en rojo
    <div id="publicidad">Bienvenidos a mi Web</div>

    <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>
    saludos.
    aranzazu · · Solicitar retirada
    fernando mendoza escribió:hola tiene que corregir en donde le marco en rojo
    <div id="publicidad">Bienvenidos a mi Web</div>

    <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>
    saludos.

    Muchas gracias, corregi y se ve bien, perdona pero ahora tengo un problema con la barra de navegación mire porfa en:
    http://automotrizcisneros.onlinewebshop.net/plantlla.html
    De antemano le agradezco por que es de mucha ayuda para nostros los princiantes.

    Ricardo
    aranzazu · · Solicitar retirada
    aranzazu escribió:
    fernando mendoza escribió:hola aranzazu: no puedo entrar a tu pagina mira a ver si la direccion esta bien.
    saludos.
    la direccion es http://automotrizcisneros.onlinewebshop.net
    y para entrar en la plantilla escribo asi
    http://automotrizcisneros.onlinewebshop.net/plantilla.html
    No se que puede pasar en este instante utilizando internet explorer visualizo mi pagina.
    gracias porsu tiempo Fernando espera ue me ayude a solucionar este problemilla
    Gracias

    Ricardo
    fernando mendoza · · Solicitar retirada
    hola aranzazu: mejor nos pone los codigos de la plantilla.html y los de la hoja-estilos.css las copia y las pega y asi cualquier compañero puede corregir lo que yo no se.
    saludos.
    aranzazu · · Solicitar retirada
    fernando mendoza escribió:hola aranzazu: mejor nos pone los codigos de la plantilla.html y los de la hoja-estilos.css las copia y las pega y asi cualquier compañero puede corregir lo que yo no se.
    saludos.
    Gracias por la ayuda las plantilla html quesa asi y la hoja de estilos generales.
    <!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">
    </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>
    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color blue ; font-weigth: bold ; text-decoration:underline ; text-align: center}
    h2 {font-size: 1.1em; color blue ; font-weigth: 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: 80px }
    #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 }


    a {color: blue; font-size:1.3em ; text-decoration: none ; display: block}
    a:link {}
    a:visited: {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    a {color: brown ; text-decoration:none ; display: block }

    S.O.S estoy atrancado en este punto por favor adudme gracias
    Ricardo
    • saruman · · Solicitar retirada
    HOLA:

    Lo primero que debes corregir es:

    <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>
    Por que si no cierras la capa cabecera luego te estorba en la capa navegacion (si te fijas debajo con la capa o div navegacion si lo has hecho despues de la lista
    <div id="navegacion">
    <ul>
  • Mecánica
  • Enderezada
  • Pintura
  • Electricidad</div>
    </div>
    CORRIGE ESTO Y VEREMOS SI HAS CORREGIDO ODO O NO

    ESPERO HABERTE SIDO DE AYUDA
    UN ALUO: SARUMAN
    • Es ESENCIAL en este mundo, para no crear vagos ENSEÑAR
    aranzazu · · Solicitar retirada
    saruman escribió:HOLA:

    Lo primero que debes corregir es:

    <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>
    Por que si no cierras la capa cabecera luego te estorba en la capa navegacion (si te fijas debajo con la capa o div navegacion si lo has hecho despues de la lista
    <div id="navegacion">
    <ul>
  • Mecánica
  • Enderezada
  • Pintura
  • Electricidad</div>
    </div>
    CORRIGE ESTO Y VEREMOS SI HAS CORREGIDO ODO O NO

    ESPERO HABERTE SIDO DE AYUDA
    UN ALUO: SARUMAN

    • Hola gracias por la ayuda he corregido pero se me sale los marges , or que revisando me parece que tengo igual l hoja de estilos y la plantilla html.

    S.O.S

    Ricardo