Entrar

No doy con un DESPLEGABLE ...sere idiota....

cacique57 · · Solicitar retirada
He intentado con algunas "copias de menu de colegas aquie publicados pero lo mas cerca que he llegado es a la imagen ..pero no funcionan ...gracias de nuevo....
Raulyure · · Solicitar retirada
cacique57 escribió:www.barangavaldiviasrl.com

Hola:
En un anterior spot le comenté que se bajara los desplegables del curso, en una carpeta que usted creara en el escritorio, para después sugerirle como instalarlo en la página, le comenté que tenía que hacer una capa para poner allí una lista de enlaces que serían los desplegables.
No se si ya bajó los archivos del desplegable, son en total doce archivos, ocho de ellos son imagenes.
Luego le comenté que los descomprimiera en esa carpeta que le sugerí que creara en el escritorio
Acá le dejaré los códigos de una página y de una hoja de estilo, de como yo habría hecho una página como la suya ocupando algunas capas o div.
Los colores que he puesto en las capas solo son para poder diferenciarlas unas de otras.
Es lógico que se puede mejorar mucho más, pero la hice para que vaya dándose cuenta de como funcionan algunas cosas en las páginas.
Es importante saber que si uno utiliza en la página web, una declaración como la que tiene usted en su página, esa declaración no le va a permitir errores, por eso es sugerible comenzar (sobre todo cuando se está aprendiéndo) a hacer la pagina web con una declaración que le permita más variedad.
Es como el idioma, si usted desea hablar el idioma español correctamente, tendrá que saber exactamente como se escriben las palabras, donde se debe poner un punto o una coma, cuando un verbo debe estar en una frase y cuando no debe estarlo.
Pero si uno desea hablar y escribir en el idioma español para hacerse entender normalmente tanto por la gente común , como por los académicos, entonces uno debe complementar el idioma y la escritura. Por eso existen en las páginas web algo que se llama declaración DOCTYPE, Una es strict, o sea extricta, que no permite errores y la otra se llama Transitional, y esa es la que se utiliza acá.
Usted en su página tiene puesta arriba del todo la declaración DOCTYPE STRICT, yo le sugeriría que pusiera mientras va avanzándo en su página la declaración TRANSITIONAL.
Acá en los códigos que le enseño he usado la declaración transitional, no he tenido mucho tiempo para mejorarla más (que se puede) pero creo que así es mas o menos como debiera de hacerla.
Incluso ya le he puesto el desplegable, claro que si usted no los tiene aún, no vale de nada.


Esta es la página html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">



<head>
<meta name="constructii-construccion-civil-civile-servisii-servicios-reformas-reform-constructiilor-proeictele-proyectos-igenieria-evaluator-inmobiliaria" content="">
<meta name="constructii-construccion-civil-civile-servisii-servicios-reformas-reform-constructiilor-proeictele-proyectos-igenieria-evaluator-inmobiliaria" content="">
<meta name="Constructii" content=""><meta name="Author" content="www.barangavaldiviasrl.com">
<meta content="index,follow" name="GOOGLEBOT">
<meta content="index,follow,all" name="robots">
<title>SC BARANGA VALDIVIA SRL</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">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">

<div id="cabecera1">
<p class="centrado"><h1>SC BARANGA VALDIVIA SRL</h1>Str Vulvani 40 - tel fix 0372946687-movil 0724137034-0726229586 </P>



<h1>BUZAU-RUMANIA</h1></p><h2></h2></p>



<h2>Feliz Navidad y Prospero 2009-Sarbatori Fericite si La Multi Ani !</h2></p>

[contenido no disponible]
</div>


<div id="desple"><ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div>
    <div id="contienen">
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    </div>
    <div id="texto">CINE SANTEM

    <SPAN>SC Baranga Valdivia Srl.</SPAN> este o firma mixta romano-chiliana,
    infiintata in Buzau in 2008, cu obiectivul de a oferi servicii de calitate in domeniul constructiilor.
    Fondatorul firmei,ing.Jorge Valdivia,are o larga experienta in domeniul constructiilor in Chile si Spania,
    pe care doreste sa o aplice si sa o dezvolte prin proiectele din Romania. SC Baranga Valdivia Srl dispune
    de resursse umane si tehnice pentru a executa o gama variata de lucrari de constructii, management de proiecte
    si gestionarea lucrarilor de santier, renovari si modernizari de edificii rezidentiale, industriale si comerciale.</p>



    <SPAN>Resursele noastre</SPAN>: Ingeniero Civil-Ingeniero Constructor-Specializare instalatii Electrice-Personal Calificat-Expert Protectia Muncii</p>


    MUNCA IN ECHIPA - CALITATE SI GARANTIA LUCRARILOR EXECUTATE - DEZVOLTAREA CONTINUA A CAPABILITATILOR ANGAJATILOR:SUNT VALORILE NOASTRE</p>
    </div>
    <div id="navegacion">

    Proiectele nostre si ideile sant pentru persoane practice si spiritul tanar</p>
    </div>

    <div id="contienen2">

    <div id="menu">
    <ul>
  • 1 PROIECT
  • 2 CIVILE si

  • 3 SERVICII
  • 4 ENGLISH
  • 5 SPANISH</div>


    <h2>PROIECT"CABO DE HORNOS 1" 12 LOCUINTE DUPLEX DE ESTANDAR EUROPEO-CENTRALA TERMICA-MOBILA BUCATERIE-CAB DUS CU HIDROMASAJ-PISCINA CLIMATIZATA -</h2>
    [contenido no disponible]


    Str PATRIE CU UNIRII IN INIMA DIN ORASUL TAU. Es un Proyecto Financiado por "ATE BANK ROMANIA", un Banco que cree en las personas</p>
    </div>
    <div id="capabuzon">[correo eliminado]
    </div>
    <div id="pie">bien venidos - Contac tel fix 0372946687 movil 0724137034 - [correo eliminado]
    </div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    Y esta es la hoja de estilo


    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}


    H1 { font: bold 24pt/28pt Arial;color:orange}
    H2 { font: bold 18pt/24pt Arial;color: }

    p {text-align: justify;font-size: 16px; line-height: 24px;}

    P:first-letter {font-size: 200%; font-style: italic; font-weight: bold; float: left}
    SPAN { text-transform: uppercase}
    p {content: "Sc "}

    .centrado {text-align:center}
    body {background-color:#2F4F4F;text-align: center }
    #global {width:800px ; margin:4px auto}
    #cabecera1{background-color:#808000;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid}

    #desple{background-color:gray;border:black 1px solid;height:25px;}

    #desple li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #desple ul { margin-left: 180px }



    #contienen {background-color: red ; width:auto;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid;margin-top:5px;}
    #texto{background-color:#FFFFFF;border-top:black 1px solid;border-right:black 1px solid;border-left:black 1px solid;}
    #texto p{padding:5px 10px 5px 10px;text-indent:15px;}
    #navegacion {background-color:#c0c0c0;text-align: center;border:black 1px solid; }
    #navegacion p{padding:5px 10px 5px 10px;text-indent:15px;}
    #contienen2{background-color:#FFFF00;border-left:black 1px solid;border-right:black 1px solid;}
    #contienen2 p{padding:5px 10px 5px 10px;text-indent:15px;}
    #menu {background-color: blue ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px }

    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #capabuzon{background-color:#FFFF00;border-left:black 1px solid;border-top:black 1px solid;border-right:black 1px solid}
    #capabuzon p{padding:5px 10px 5px 10px;text-indent:15px;}
    #pie {background-color: blue;border:black 1px solid; }


    a {color:white ; text-decoration: blue ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:blue ; background-color: white}
    a:active {}


    Saludos