Entrar

Links del menu echos de imagenes

solid33 · · Solicitar retirada
bueno ahora estoy tratando de usar tecnicas cn photoshop para los botones del menu lateral, que estuve viendo x ahi y queda muy bien. pero siempre me queda algun error, logre sacar varios errores pero me quedo uno que no se como arreglarlo, la parte superior del menu no se ve.
aqui esta el codigo del index y del estilo-general. no pongo la pag xq no me esta dejando abrir el servidor para subir cosas

si nesecitan que ponga las imagenes q estoy usando para el menu avisenme


ahi va:




CODIGO DE PLANTILLA



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

<html>
<head>
<title>LUGANO</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<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>
</head>
<body onload="init();">



<script language="JavaScript" type="text/javascript" src="http://m1.webstats.motigo.com/m.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
motigo_webstats("AEQNKwDH_dFd_rc5LIhu_GoOLOsg", 0);
// -->
</script>
<noscript>
<a target="_blank" href="http://www.webstats.motigo.com/stats?AEQNKwDH_dFd_rc5LIhu_GoOLOsg">
[contenido no disponible]
</a>

Contador gratuito
</noscript>


<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="navegacion">
<ul>
  • Clubes
  • Sección 2
  • Sección 3

    </div>
    <div id="contenido">
    <div id="menu"><ul>
  • [contenido no disponible]
  • [contenido no disponible]<p class="tipodos">extras</p>
  • Foro del barrio
  • juegos!
    </div>
    <p class="tipouno"><h1>Pagina de Villa lugano</h1></p>


    Bienvenidos visitantes, les presento esta nueva pagina que he creado. en esta webencontraran onformacion acerca del barrio, sus clubes, noticias, y un buen foro </p>


    [contenido no disponible]</p>


    Tambien podran divertirse en la seccion de juegos que podran encontrar seleccionando en el menu lateral izquierdo. podran ver la historia de este gran barrio de la capital federal tambien en el menu lateral, en la parte de arriba veran el menu de navegacion, coloquen el cursor arriba y veran mas subsecciones, en el menu horizontal encointraran todo lo que quieran saber sobre los clubes del barrio</p></div>

    <div id="pie">
    <div id="pieuno"><ul>
  • Foro
  • [correo eliminado]
  • Nos Enlazan</div>
    <div id="piedos"><font color="red"><span class="rojonegrita">-.-.-IYII-.-.-</span></font></div>
    <div id="pietres"><ul>
  • Directorio
  • TopSite
  • Mapa de la Web</div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>





    CODIGO DE ESTILO-GENERAL


    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify }
    p.tipodos {font-size: 1.0em; color:blue ; font-weight: bold ; text-align: center}
    h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-align: center}
    h2 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ; text-align: center}
    body {}
    #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 {background-color: ; width:280px ; float:left }
    #publicidad {background-color: ; width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: ; 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: silver ; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px ; text-align: center}
    #menu {background-color: silver ; 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:8px ; background-repeat: no repeat }
    #menu li {list-style:none ; margin: 0px 8px 0px 6px ; float:left }
    #menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:82px ; margin: 10px 0px 0px 0px ; background-repeat: no repeat}
    #noticias {background-color:silver}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px ; text-align: center }
    #pie li {list-style: none ; font-size: 12px}
    #pieuno {float:left ; width:150px ; list-style:none }
    #piedos {float:left ; width:498px}
    #pietres {float:right ; width:150px ; list-style:none}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    #pie a {color:red ; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: white }
    #pie a:active {color:black}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
    • Yaneth · · Solicitar retirada
    hola

    esto te ha pasado porque como ya te dije antes
    has quitado el h1 del menu

    ahora para que puedas tener la imagen nuevamente

    puedes poner una div, dentro de menu

    asi:

    <div id="menu">
    <div id="arriba"></div>
    <ul>
  • [contenido no disponible]
  • <a href="historiabarrio.html"><img alt="clic para la historia de lugano" src="objetos/histolugalink.png"............etc etc etc


    ahora en la hoja de estilos asi:


    #arriba {background-image: url(objetos/menu-curva-superior.gif) ; padding-top:12px}


    saludos
    • solid33 · · Solicitar retirada
    ya arregle lo q me dijiste, pero todavia no se ve la parte superior del menu :S
    Yaneth · · Solicitar retirada
    checa bien como se llama la imagen

    menu-curva-superior.gif

    menu-parte-superior.gif

    saludos
    solid33 · · Solicitar retirada
    ya me fije los nombres y estan bien :(


    ademas ahora se ve tambien mal la parte de abajo de la pagina :s


    esto me cuesta mucho creo que no es lo mio XD
    solid33 · · Solicitar retirada
    :O magicamente se arreglo no lo puedo creer :P acabo de volver a mic sasa abro y ya se ve bien q raro


    seguro que era cuestion de reiniciar el programa.

    saludos
    solid33 · · Solicitar retirada
    yo no lo veo mal, osea no es una pagina de la puta madre pero ahora se ve bien