Entrar

Retoque fallido del menu sieguindo los pasos.

brans · · Solicitar retirada
Escribo de nuevo para que reviseis mi codigo para poder ver si las lineas estan bien colocadas y escritas ya que al insertar lo de el redondeo del menu, lo guardo, le doy a vista preliminar y no aparece nada.


PLANTILLA.HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<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="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>
<h1>Ayuda</h1>
  • Controles de Juego
  • Fallos de Juego</l>
  • Comparaciones
  • Trucos de Sniper

    </div>
    <div id="contenido">
    <div id="menu"><h1>Menu</h1>
    <ul>
  • Team Death Match
  • Elimination
  • Search and Destroy
  • Ghost Mode
  • Seleccion de Arma
    </div>
    <h1>Introduccion</h1>


    Esta pagina la cree con el fin de enseñar trucos del crossfire de z8 games. Ya se que en muchas paginas se ven trucos como estos, pero me gustaria enseñaroslos como los hago yo.</p>


    Gracias al menu que teneis a vuestra izquierda, podreis visitar cada uno de los modos de juego y, dentro de ellos, encontrareis los difrentes escenarios y videos de los trucos.</p>


    Luego, abajo, en el menu, podreis ver la seccion "Seleccion de Arma", donde aconsejo que arma puede ser la ideal para un shoooter o assault.</p>

    ESTO ES TODO POR AHORA!! ESPERO QUE DISFRUTEN CON LA PAGINA!!</p>
    </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}
    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-align: center}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: white ; width:800px ; height: 80px ; overflow: hidden ; border-left: black 1px solid ; border-right: black 1px solid}
    #logotipo {width:280px ; float:left}
    #publicidad {width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
    #navegacion ul { margin-left: 100px }
    #contenido {background-color: orange ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:10px 10px 10px 10px}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {text-decoration:none ; font-size: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}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow: hidden }
    • lobodemar · · Solicitar retirada
    Te faltan las curvas superior e inferior del menu.

    Después de
    <div id="contenido">
    < aquí la curva.........>
    <div id="menu"><h1>Menu</h1>

    y al final después del
    <final de curva........>
    Visita mi Web.
    www.nauticafacil.tk
    lobodemar · · Solicitar retirada
    en el css te falta esto mira bien


    #menu {background-color: yellow ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);<=== esto te falta
    background-position: bottom ;
    padding-bottom:5px}
    Visita mi Web.
    www.nauticafacil.tk
    brans · · Solicitar retirada
    me parece que eso estaba bien. Lo que yo necesito es saber que hay que hacer para que salga el redondeado en el MENU no en el contenido.
    Yaneth · · Solicitar retirada
    aqui te da el redondeado de arriba

    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }

    pero mejor danos la url para verlo

    saludos
    Yaneth · · Solicitar retirada
    como se llama tu web???

    ya la subiste?????

    solo asi podremos ver el error
    brans · · Solicitar retirada
    Si que tengo la pagina. Lo que pasa es que no he subido la plantilla ni el estilo general. Lo subo?
    Yaneth · · Solicitar retirada
    aqui

    que es esto???
    en rojo, creo que eso no va ahi o si?????
    <div id="navegacion">
    <ul>
    <h1>Ayuda</h1>
  • Controles de Juego
  • Fallos de Juego</l>
  • Comparaciones
  • Trucos de Sniper

    </div>

    yyy muestrame una captura del contenido de objetos (azul)
    • brans · · Solicitar retirada
    no puedo obtener una imagen de eso. lo tenemos que hacer esccribiendo.
    Yaneth · · Solicitar retirada
    ve al foro de html-kit
    ahi hay un indice de preguntas frecuentes
    y te dice como poner una captura de pantalla
    asi podrè ver lo que tienes, y como lo tienes

    saludos
    brans · · Solicitar retirada
    ok...cuando lo consiga a que se lo hago, a la plantilla o a la vista previa?
    Yaneth · · Solicitar retirada
    no, deseo ver el worskpace
    con todo el contenido abierto
    en especial la carpeta objetos
    (de la carpeta azul)

    saludos
    brans · · Solicitar retirada
    no encuentro el indice de preguntas frecuentes podrias mandar el link directo alm sitio?
    Yaneth · · Solicitar retirada
    hola

    el fallo es que no has subido las curvas del menu

    si te fijas
    en la carpeta objetos de local tienes
    6 imagnes

    y en la carpeta objetos de internet solamente
    tienes 4 te faltan las dos curvas del menu

    subelas y nos avisas

    saludos
    brans · · Solicitar retirada
    pero haber, en la vista previa del html kit no se ven los margenes del menu.
    Yaneth · · Solicitar retirada
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:10px 10px 10px 10px}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }

    rojo

    le dices que dentro de la carpeta opbjetos hay una imagen que se llama
    menu-parte-superior.gif

    ahora mira dentro de la carpeta
    y dfime
    exactamente como se llama la imagen????????
    brans · · Solicitar retirada
    menu-curva-superior.gif, ok ya lo he cambiado y ahora si que sale...GRACIAS :oops: