Entrar

DUDAS LECCION 2 AQUI

Raver135 · · Solicitar retirada
Hola solidaria, lo primero que quiero es darte las gracias por proporcionarnos tu ayuda.

Vale aquí va mi duda sobre la lección 2. En la lección anterior al definir el fondo de la página (background-color) para nombrar el color lo usamos mediante simbolos y numeros. En el caso de esta lección, usamos el propio nombre del color (pink). Esto quiere decir que se puede usar el nombre del color siempre o solo segun el caso?

Me resulta mucho más fácil e intutivo usar (pink, orange,..) que no (#E6E6FA,...). Gracias por la aclaración. Un saludo.
skaparate · · Solicitar retirada
Hola Raver135!

Como bien dices, puedes utilizar el nombre del color o su representación hexadecimal (E6E6FA, por ejemplo). Los valores hexadecimales son necesarios cuando necesitas una combinación de colores que no está representada por un nombre. También se pueden representar con la función rgb(rojo, verde, azul), donde cada valor tiene un rango entre 0 y 255, ambos inclusive.

Un ejemplo con las tres formas de especificar un color (rojo en este ejemplo):

body {
  background-color: rgb(255, 0, 0);
}

h1 { 
  background-color: red;
}

div { 
  background-color: #FF0000; 
}

Aquí hay una lista de los nombres soportada por la mayoría de los navegadores: http://www.w3schools.com/cssref/css_colornames.asp.

Espero que te sirva, ¡saludos!
Raver135 · · Solicitar retirada
Hola skaparate!

Muchas gracias por la información me ha resultado muy útil.

Saludos!
xelau18 · · Solicitar retirada
Buenas tardes,
Muchas gracias por la creación de esta página.
Estoy haciendo el curso paso a paso. Estoy en la lección número 2. Después de pasar varias pantallas me he dado cuenta de que mi menú no sale en color amarillo ='(. He revisado la plantilla y el estilo general, no sé donde tengo el problema.
Os paso la información de cada parte:

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

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estil-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Benvinguts a la meva pàgina web.</div>
<div id="navegacion">Barra de Navegar.</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Element llista 1</a></li><li><a href="#">Element llista 2</a></li><li><a href="#">Element llista 3</a></li></ul>
</div>
Zona principal
</div>
<div id="pie">Final de pàgina</div>
</div>
</body>
</html>


* {margin;0px; padding:0px; border:0px;}
body {text-align:center;}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color:silver;}
a:active {}
#global {width:800px; margin:4px auto;}
#cabecera {background-color:pink;}
#navegacion {background-color:grey;}
#contenido {background-color:orange; width:800px; float:left;}
#menu {bakcground-color:yellow; width:150px; float:left; text-align:left;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}
#pie {background-color:brown;}

Muchas gracias por vuestra ayuda.
Un saludo,

SOLUCIONADO!! Mira que llevaba tiempo repasando, y cuando cuelgo la duda veo que esta mal escrito ='( jajajaja.
Gracias!!
mentorx · · Solicitar retirada
muchas gracias por los tutos de verdad estan excelente, me ayudo bastante a montar mis primeras webs, estoy agradecido con el FORO