Pagina de Coles en Css

#1 (**permalink**) 24/08/2011, 20:26

hola todos soy nuevo en este foro;

bien estoy tomando un curso online en css que hasta el momento me ha ido excelente he aprendio un monton aqui les muestro la mi pequenio programa que hice en css es bien sencillo como pueden ver y muy facil;

[HIGHLIGHT="CSS"]
<html>
</head>
<style type="text/css">
h1.texto
{
color:white;
text-transform:capitalize;
font-family: "Times New Roman", Times, serif;
font-size: xx-large;
text-decoration: blink;
text-align: center;
}

</style>
<body style="background:#000000"">
<h1 class="texto"> aqui va el color</h1>
</body>
</html>
[/HIGHLIGHT

que es lo que deseo hacer:

lo que quiero hacer es una pagina de colores [IMG]file:///C:/Documents%20and%20Settings/Administrator/My%20Documents/My%20Pictures/colores.JPG[/IMG]

ArturoGallegos · #2 (**permalink**) 24/08/2011, 20:37

css no es código de programación por lo que no puedes llamarle programa o aplicación a tu CSS

la imagen que quisiste poner esta ubicada en tu PC por lo que no es posible verla, y al ser usuario nuevo no se te permite colocar links

#3 (**permalink**) 24/08/2011, 20:51

hola todos soy nuevo en este foro;

bien estoy tomando un curso online en css que hasta el momento me ha ido excelente he aprendio un monton aqui les muestro la mi pequenio programa que hice en css es bien sencillo como pueden ver y muy facil;

Código CSS:

Ver original<html>
</head>
<style type="text/css">
h1.texto 
{
    color:white;
    text-transform:capitalize;
    font-family: "Times New Roman", Times, serif;
    font-size: xx-large;
    text-decoration: blink;
    text-align: center;
}
 
</style>
<body style="background:#000000"">
<h1 class="texto"> aqui va el color</h1>
</body>
</html>

que es lo que deseo hacer:

lo que quiero hacer es una pagina de colores como esta http://yfrog.com/khfzl4j [/QUOTE]

EL PROBLEMA ES QUE NO LA QUIERO EN TABLA Y NO SE QUE HERRAMIENTAS O PROPIEDADES NECESITO PARA HACER ESO

ALGUIEN ME AYUDA? me da consejos porfavor he tratado hacerlo con box pero no me sale :S

#4 (**permalink**) 24/08/2011, 21:04

Cita:

Iniciado por ag666

css no es código de programación por lo que no puedes llamarle programa o aplicación a tu css

la imagen que quisiste poner esta ubicada en tu pc por lo que no es posible verla, y al ser usuario nuevo no se te permite colocar links

ho gracias no sabia mil disculpas

ArturoGallegos · #5 (**permalink**) 24/08/2011, 21:15

no te preocupes y con la imagen que pusiste creo que me quedo un poco mas claro lo que necesitas, jeje con tu post inicial me imagine algo mas grande pero va...

prueba con este código y veras lo sencillo que es hacer esos cuadros de colores

Código CSS:

Ver original#site{width:500px;margin:auto;}
#header{background:#f00;}
#leftpane{width:100px;float:left;background:#03f;}
#contentpane{width:398px;float:right;background:#396}

Código HTML:

Ver original<div id="site">
    <div id="header">header</div>
    <div id="leftpane">leftpane</div>
    <div id="contentpane">contentpane</div>
</div>

y no olvides siempre declarar un doctype valido

#6 (**permalink**) 24/08/2011, 21:58

Cita:

Iniciado por ag666

no te preocupes y con la imagen que pusiste creo que me quedo un poco mas claro lo que necesitas, jeje con tu post inicial me imagine algo mas grande pero va...

Prueba con este código y veras lo sencillo que es hacer esos cuadros de colores

Código css:

Ver original#site{width:500px;margin:auto;}
#header{background:#f00;}
#leftpane{width:100px;float:left;background:#03f;}
#contentpane{width:398px;float:right;background:#396}

Código html:

Ver original<div id="site">
    <div id="header">header</div>
    <div id="leftpane">leftpane</div>
    <div id="contentpane">contentpane</div>
</div>

y no olvides siempre declarar un doctype valido

mil gracias de verdad no sabes el favor que me hicieste