No me funcionan algunas propiedades CSS

Citar

Escrito el 20 Feb 2009 04:59 pm

Hola a todos, en mi CSS tengo puestos unos estilos, pero, en mi LocalHost no se ven algunos de ellos, he pasado el documento por el validador de CSS y no hay fallo.

Miren el CSS:

Código :

body {
    text-align: center ;
    background-color: #FF0000;
  }


#contenido {
    widht: 2000px ;
    margin-left: 300px ;
    margin-right: 300px ;
    background-color: #E2F0DC ;
  }


#sidebar-izquierda {
    widht: 300px ;
    float: left ;
    padding: 25px ;
    background-color: #FFF200;
  }


#sidebar-derecha {
    widht: 300px ;
    float: right ;
    padding: 25px ;
    background-color: #FFF200;
  }


#centro {
    width: 367px ;
    background-color: #5100FF ;
    float: left ;
    text-align: center;
  }


#footer {
    background-color : #FF0004;
    border-left-color : #090909;
    border-left-width : 5px;
    clear : both;
    font-style : italic;
    text-align : center;
  }

Por ej. Ese Border del footer no me funciona.

Aprovechando este tema, me gustaría preguntaros cual sería la propiedad CSS para aplicarle un color al texto de un div.

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

Envíale un mensaje privado Email Web

Las Palmas De Gran Canarias

@IvanHerCaz

Citar

Escrito el 20 Feb 2009 05:16 pm

Con el simple css no te puedo ayudar, coloca el layout del html para probarlo y asi decirte que errores pueden existir...
Con respecto a la propiedad de texto en el DIV, es la misma que cualquier propiedad de texto solo que colocas la ropiedad dentro del DIV y listo. Propiedad "COLOR"

Por XArcanHellX

Claber

213 de clabLevel

Envíale un mensaje privado

Venezuela

Citar

Escrito el 20 Feb 2009 05:55 pm

Mira, este es el layout:

Código :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
<link rel="StyleSheet" href="style.css" type=text/css>

      <title>index</title>
      <meta name="author" content="Distriker" >
      <meta name="generator" content="screem 0.16.1" >
      <meta name="description" content="" >
      <meta name="keywords" content="" >
      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" >
      <meta http-equiv="Content-Script-Type" content="text/javascript" >
      <meta http-equiv="Content-Style-Type" content="text/css" >

</head>
   <body>
   
<div id="contenido">

    <div id="cabecera">

       <center> <h1>Bienvenido a Betaconsolas.com</h1>

        <h2>:D:D:D</h2> </center>

    </div>

    <div id="sidebar-izquierda">

        <h3>Sección</h3>
        <p>Bla bla ...</p>

    </div>

    <div id="centro">

        <h3>Vacio</h3>
        <p>Vacio</p>

    </div>

<div id="sidebar-derecha">

<h3>Seccion 2</h3>
<p>Bla bla ....</p>

</div>


    <div id="footer">

        Pie - Datos aquí

    </div>

</div>

   </body>
</html>

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

Envíale un mensaje privado Email Web

Las Palmas De Gran Canarias

@IvanHerCaz

Citar

Escrito el 20 Feb 2009 06:27 pm

Fijate que en algunos estilos pusiste WIDHT, eso cambialo por WIDTH ( fijate la posicion de la H en la palabra). En el footer, usa border-left: 5px solid #090909; (TAMAÑO solid COLOR). Ademas agrega el estilo #cabecera y borra el tag <center> en el body. Mira el codigo a continuacion. si tienes mas problemas avisanos

Código :

#contenido {
    width: 2000px ;
    margin-left: 300px ;
    margin-right: 300px ;
    background-color: #E2F0DC ;
  }

#cabecera {
    text-align: center;
  }

#sidebar-izquierda {
    width: 300px ;
    float: left ;
    padding: 25px ;
    background-color: #FFF200;
  }


#sidebar-derecha {
    width: 300px ;
    float: right ;
    padding: 25px ;
    background-color: #FFF200;
  }

#footer {
    background: #FF0004;
    border-left: 5px solid #090909;
    clear : both;
    font-style : italic;
    text-align : center;
  }

<div id="cabecera">
   <h1>Bienvenido a Betaconsolas.com</h1>
   <h2>:D:D:D</h2>
</div>

Por eseceve

26 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 20 Feb 2009 07:19 pm

Ya lo tengo correcto

.

Muchas gracias esceseve.

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

Envíale un mensaje privado Email Web

Las Palmas De Gran Canarias

@IvanHerCaz

No me funcionan algunas propiedades CSS

Escribe una respuesta rapida