Entrar

pie de pagina

mas0n3 · · Solicitar retirada
Hola muy buenas, estoy por la quinta leccion, pero tengo un pequeño problema en el pie de pagina.
En el pie dos, me lo coge como si fuese un enlace, y le aplica las propiedades de #pie li
No me lo coge como texto normal.
Me podrias ayudar?? gracias!!

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


<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estiloGeneral.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">
<a href="index.html">
[contenido no disponible] </div>
</a>
<div id="publicidad"> Bienvenidos a la web de Billares Alegria </div>
</div>

<div id="navegacion">
<ul>
  • Seccion 1
  • Seccion 2
  • Seccion 3
  • Seccion 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1> Titulo Seccion 1 </h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>
    <h1> Zona principal de la Web</h1>
    <h2> Subtitulo secundario de la pagina web </h2>


    Tras esta aclaraci&oacute;n, vamos a incluir un par de p&aacute;rrafos m&aacute;s a continuaci&oacute;n de ese. Ya sabes, has de poner al principio y al final de cada uno para que el navegador sepa donde empiezan y terminan.</p>


    Escribe un par de p&aacute;rrafos que tengan bastante texto, al menos lo suficiente como para sobrepasar lo que ocupa el men&uacute; de la izquierda. </p>


    oooooooooooooooooooooooooooooooooooooo ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo oooooooooooooooooooooooooooooooooooooo oooooooooooooooooooooo </p>
    </div>

    <div id="pie">
    <div id="pieuno">
    <ul>
  • <a href="#">Foro Ejemplo
  • <a href="#">Contactos
  • <a href="#">Nos enlazan

    </div>
    <div id="piedos">Pie dos </div>
    <div id="pietres">
    <ul>
  • <a href="#">Directorio
  • <a href="#">Top Site
  • <a href="#">Mapa de la web

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


    </div>

    </body>
    </html>


    Css:

    *{margin:0px ; padding:0px ; border: 0px}

    /*Caracteristicas de los titulos */
    h1 {font-size:larger; font-style:italic; 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}
    /*Cacracteristicas de los parrafos*/
    p {text-align:justify}
    /*Caracteristicas general para el cuerpo de la pagina*/
    body {text-align: center}

    /*Capas y propiedades de ellas*/
    #cabecera {background-color: #FFFFFF ; border-left: 1px solid black ; border-right: 1px solid black ; height:85px}
    #logotipo {width:280px ; float: left}
    #publicidad {width: 518px; float: right ; margin-top:25px}
    #navegacion {background-color: #CCCCCC ; border: #000000 1px solid ; height:25px }
    #navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 20px}
    #navegacion ul {margin-left: 180px}
    #contenido {background-color: #FF9933 ; border-left: 1px solid black ; border-right: 1px solid black}
    #contenido p {padding:5px 10px 5px 10px ; text-indent: 15px}
    #pie {background-color: #FFFFFF; border-left: 1px solid black ; border-right: 1px solid black ; border-top: 1px solid black;
    height:65px}
    #pieuno{ background-color:#FFFFFF; width:150px ; float:left }
    #piedos {width:498px ; float:left}
    #pietres{ background-color:#FFFFFF; width:150px; float: left}
    #pie li {list-style:none; font-size:11px}

    #global {width:800px ; margin: 4px auto}
    #menu {width: 150px ; float:left ; text-align: center ; margin:3px 10px 3px 3px ; background-image:url(objetos/menu-parte-inferior.gif) ; background-position:bottom ; padding-bottom:10px}
    #menu li{list-style:none ; margin:4px 8px 4px 6px}
    #menu h1{ text-decoration:none ; font-size:13px ; background-image:url(objetos/menu-parte-superior.gif) ; padding-top:12px }
    #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}



    /* Propiedades de los links */
    a {color: brown ; text-decoration: none ;font-size:1.2em; display:block}
    a:link{}
    a:visited {color: gray}
    a:hover{color: red ; text-decoration:underline; font-style:oblique ; background-color: silver}
    a:actived{}

    /*Propiedades enlaces del pie de pagina*/
    #pie a {color:blue; text-decoration:none; display:block}
    #pie a:link{}
    #pie a:visited{}
    #pie a:hover{ color:#000000; text-decoration:underline; background-color:#FFFFFF}
    #pie a:actived { color:#000000}

    /*Propiedades del logo*/
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}


    Muchas gracias de nuevo
    • Yaneth · · Solicitar retirada
    hola

    mira aqui

    <div id="pieuno">
    <ul>
  • <a href="#">Foro Ejemplo
  • <a href="#">Contactos
  • <a href="#">Nos enlazan

    </div>

    no cerraste las "a"
    deberias tenerlo asi

    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos enlazan

    </div>

    saludos
    • mas0n3 · · Solicitar retirada
    muchisimas gracias!!!
    un saludo!
    este tutorial es genial, se aprende mucho mas que en la propia universidad jejejje ;)