Entrar

como colocar una lista dentro de una capa

badaloni · · Solicitar retirada
Hola a todos, no se que haria sin ustedes.

quiero colocar una lista dentro de una capa.

El problema que no se como hacer para darle un estilo css propio a esa lista y me sale con el estilo predeterminado.


No se como agrradecer sinceramente toda su ayuda...

Muchas gracias
Adirio · · Solicitar retirada
#NOMBREDELACAPA li {ESTILO}
sustituyendo "NOMBREDELACAPA" por el id de la capa (si no lo tiene ponselo) y "ESTILO" por el estilo que quieras
badaloni · · Solicitar retirada
Bueno muchisimas gracias...

Ahora tengo otro problema y es que en la cabecera, el formato de mi página es muy similiar al del ejemplo, y la capa cabecera es la segunda que he colocado, he colocado una imagén de fondo, pero el problema que tengo es que en el html kit se me ve perfecto, pero una vez que la subo a la web no se me ve.

es lo más importante de mi página y la verdad no se que más hacer para hacer que aparezca.

Muchisimas gracias por su ayuda.
Yaneth · · Solicitar retirada
para ayudarte ahora y en el futuro
necesitamos nos muestres el codigo completo
de html y de css

recuerda

no somos adivinos

saludos
badaloni · · Solicitar retirada
si perdon... este es el codigo de html

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

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Murialdo Basquet</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global1">
<div id="curva-superior"></div>
<div id="cabecera"><div id="publicidad">http://murialdo-basquet.onlinewebshop.net</div></div>
<div id="global">



<div id="navegacion">
<ul>
  • Noticias
  • Mini Basquet
  • Equipos
  • El Deporte
  • Ropa Deportiva
  • Nuestra WEB
  • M 35
    </div>


    <div id="contenido">
    <div id="cuadro">




    <h1>Bienvenidos</h1>


    Hola a todos, muchas gracias por visitar nuestro sitio, espacio decicado al
    Basquetball del Club Leonardo Murialdo.</p>


    En este lugar vas a encontrar toda la información de lo que pasa relacionado
    con este deporte en el club, en la provincia y también lo mas importante del basquet en general.</p>


    sin más formalismos les dejamos las primeras presentaciones.



    </div>

    <div id="cuadro2">
    <h2>Carpeta equipos<h2>



    Esta semana se jugo la décima fecha del clausura 2009, aqui toda la info</p>



    Resultados de la Primera</p>


    Resultados de la sub 19</p>


    Resultados de la sub 17</p>


    Resultados de la sub 15</p>



    Tambén podras ver todas las estadísticas y lo mejor de cada categoría del Club


    </div>

    <div id="cuadro3">
    <h3>Carpeta Mini Basquet<h3>





    Resultados de la Mosquitos</p>


    Resultados de la Minis</p>



    Toda la actividad de los más chiquitos esta acá.</p>

    </div>

    <div id="cuadro4">
    <h4>Carpeta Mayores<h4>



    Resultados de los mayores</p>



    Los más viejos también estan acá. Muchas gracias por su apoyo.

    </div>

    <div id="cuadro5">
    <h5>Carpeta generales<h5>



    La sub comisión nos comenta todos los
    proyectos para este nuevo campeonato que empieza.



    </div>
    </div>



    <div id="pie">
    <div id="pieuno"><ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan</div>
    <div id="piedos">[contenido no disponible]</div>
    <div id="pietres"><ul>
  • Directorio
  • TopSite
  • Mapa de la Web</div>
    </div>


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

    </div>
    </body>
    </html>

    y esta es la hoja de estilos:

    * {margin:0px ; padding:0px ; border: 0px}
    p {text-align: justify; font-family: arial }
    h1 {font-size: 1.2em; color:white ; font-weight: bold ; font-family:verdana; text-decoration: underline ; text-align: center}
    h2 {font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
    h3{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
    h4{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
    h5{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
    a {color: orange; text-decoration: none;}
    a:link {}
    a:visited {}
    a:hover {color:red; text-decoration: underline}
    a:active {}
    body {text-align: center}
    #global1 {width:1024px ; margin: 4px auto; background-color: black }
    #global {width:800px ; margin: 4px auto }
    #curva-superior {background-image: url(objetos/curva-superior.gif); background-repeat: no-repeat; width: 1024px; height: 12px; overflow : hidden}
    #cabecera {background-image: url(objetos/cabecera 1.jpg);background-repeat: no-repeat ;width: 798px; height:151px; overflow: hidden; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid}
    #publicidad {background-color: withe ; width:400px; float:right; margin-top: 25px; margin: 70px 20px 0px 10px}
    #navegacion {background-color: black; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; height:40px; font-family:arial; font-size:13px}
    #navegacion li {float: left; liststyle: none; margin: 15px 25px 7px 25px}
    #nacegacion ul {margin-left: 60px}
    #contenido {background-image: url( objetos/basketball6_01.jpg);background-repeat: repeat; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; widht: 800px; height:700px }
    #contenido p {font-size:12px; font-family: arial; padding: 5px 10px 5px 10px; text-indent: 15px; text-colour: #FF7F24; color: #FF7F24;}
    #cuadro {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
    #cuadro2 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid; }
    #cuadro3 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
    #cuadro4 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
    #cuadro5 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
    #menu {width: 150px; float:left; text-align:left; margin-right: 10px; 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: 15px; color: red; background-image: url(objetos/menu-curva-superior.gif); padding-top:12px}
    #pie {background-color: black; border-right: black 1px solid; border-left: black 1px solid; height: 65px}
    #pie li {list-style: none; font-size: 12px}
    #pieuno {float:left; width:150px}
    #piedos {float:left; width:498px}
    #pietres {float:left; width:150px}
    #curva-inferior {background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:1024px; height: 12px; overflow : hidden}
    #pie a {color: blue; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:withe ; text-decoration:underline ; background-color: withe }
    #pie a:active {color:white}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}