¿que es navbar?

andresbetancourt · #1 (**permalink**) 02/09/2008, 22:27

hola espero esten bien

he estado leyendo sobre crear webs con html

y aparece algo como esto:

<head>
<title>Mi primera página con estilo</title>
<style type="text/css">
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-color: #d8da3d }
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid black }
ul.navbar a {
text-decoration: none }
a:link {
color: blue }
a:visited {
color: purple }
</style>
</head>

lo que he colocado en negrita es lo que no entiendo me pueden hacer el favor de explicarme gracias, y en especial esa palabra navbar y por que se coloca de esa forma

yo pense que siempre para dar estilo era algo como:

nombre del elemento como decir body se abren {

se escriben los atributos y seles da valor a los atributos y luego se cierra }

y listo, pero eso de

ul.navbar li

ul.navbar li

ul.navbar

y

a:link

si que no lo entiendo :(

gracias

por su colaboracion

Raulmmmm · #2 (**permalink**) 03/09/2008, 02:10

ul.navbar quiere decir que al ul que tenga una clase llamada navbar, le afectan los atributos que hayas escrito. Es decir, al que tenga este código: <ul class="navbar"></ul>

ul.navbar li quiere decir que los li que estén dentro de un ul con la clase navbar le afectan los atributos que hayas escrito. Es decir, a los que tengan este código: <ul class="navbar"><li>Texto</li></ul>

a:link quiere decir que le afectarán los atributos a todos los enlaces con los vínculos no visitados.

marilinadg · #3 (**permalink**) 03/09/2008, 05:35

Hola andres, quizá esté de más esta aclaración, pero como a mi a veces la aclaración de cosas obvias me vienen de maravilla...

Raulmmmm ya te explicó muy bien lo que significa.
Es una clase, el nombre pudo haber sido cualquier otro, eso lo decidis vos.
En este caso navbar lo más probable es que signifique "Barra de navegación" es decir el menú de la web.
Podrían haberle puesto "menu", etc...
Si esto ya lo sabías perdón por mi comentario, pero a veces lo obvio no lo es tanto

.

Saludos!!

marilinadg · #4 (**permalink**) 03/09/2008, 05:38

Te recomiendo esta web, es muy buena y de explicaciones simples.

http://www.htmlpoint.com/guida/index.html

Espero te sirva, saludos!

andresbetancourt · #5 (**permalink**) 03/09/2008, 07:55

primero que todo muchas pero muchas gracias

entendi a la perfección, ya me quedo mas claro siempre que veia codigos escritos

de manera similar.

saludos y de nuevo muchas muchas gracias a todos