ariel_mar escribió:Aca va la hoja de estilos-general
Hola:
No se si ya ha arreglado el problema, pero pasé sus códigos al ordenador y está bien, quizás a veces cuando uno hace un copiar y pegar puede que no responda, por eso es mejor escribir los códigos, ya que alguna vez probándo lo de copiar y pegar no me funcionaba, pero borrándo unos cuántos códigos , los volví a escribir y el problema se arregló.
Saludos
DUDAS LECCION 2 AQUI
Tokrand escribió:Mi problema es el siguiente:Hola amigo, bien la situacion que yo veo es la siguiente creo que no te quedó muy claro como funcionan lo de los links y las listas, veras si quieres cambiar el fondo de la parde de menu entonces es en la linea #menu donde debes poner background-color: XXXX o el que quieras pues, si lo que quieres es definir los links, debes tener en cuenta que al definir los reglones a:
Estoy atrancado en la segunda lección. Y es que después de definir las propiedades de los enlaces no me cambia el color de fondo a silver, ni me coje el enlace ni lo subraya ni nada como viene en el tutorial.
Os dejo mi hoja de estilos a ver si averiguais algo:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left ; text:align:left}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}}
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
a {color:brown ; text-decoration:none ; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
¿Qué es lo que hago mal?
Gracias por anticipado
a: link etc... ya has definido todo. Pero si lo que quieres es definir unicamente los del menu de la izquierda entonces debes redefinir tanto #menu li, como #menu y ademas si quieres unos efectos diferentes pues debes crear una nueva linea #menu a ... que en caso de querer modificar algo pues tendrias que tambien colocar links hover y todos los demas
Tema Movido por: *Blaizer*
Razón:
1.-El foro general está saturado de post it
2.-El tema se adecúa más a la sección: Curso paso a paso.
Razón:
1.-El foro general está saturado de post it
2.-El tema se adecúa más a la sección: Curso paso a paso.
hola, pues, despues de lo de la imagen en el centro, que no supe como poner, decidi adelantarme y continuar y ahora llege a otro obstaculo, lo de la imagen no me intereso mucho porque es algo superficial, pero no poder ver el menú amarillo como en los ejemplos si me revienta, aqui les dejo los codigos de la hoja de estilos y de la plantilla, estoy seguro que el error esta en el de estilos, pues es el que le da la forma a la otra, pero no puedo encontrar mi error...
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css"
type="text/css" media="all">
</head>
<body>
<div id=global>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">Menú</div>
<ul> Elemento de lista, 1 Elemento de lista, 2 Elemento de lista, 3
</div>
Esta será la zona principal de la web</p>
Mmm... escribir de manera inutil, creo que eso me molesta, de todas maneras, estoy ansioso porque me quede como debe, me estoy aburriendo y eso no es bueno, necesito siempre estar en consentracion, que aburrido, anyway, creo que no sera tan malo si me detengo aqui</p>
</div>
<div id="pie">Este es el pié de página </div>
</div>
</body>
</html>
esta es la de estilos...
body {text-align: center}
#global {width:800px ; margin: 4px auto }
a {color: black ; text-decoration:unedrline ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:none ; background-color: silver}
a:active{color: pink}
* {margin:2px 2px 2px 2px ; padding:0px ; border: 0px}
#cabecera {background-color: purple }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ;margin-right: 10px }
#pie {background-color: brown ; width: 800px ; margin 4px auto}
p {text-align: justify}
gracias de antemano
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css"
type="text/css" media="all">
</head>
<body>
<div id=global>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">Menú</div>
<ul>
</div>
Esta será la zona principal de la web</p>
Mmm... escribir de manera inutil, creo que eso me molesta, de todas maneras, estoy ansioso porque me quede como debe, me estoy aburriendo y eso no es bueno, necesito siempre estar en consentracion, que aburrido, anyway, creo que no sera tan malo si me detengo aqui</p>
</div>
<div id="pie">Este es el pié de página </div>
</div>
</body>
</html>
esta es la de estilos...
body {text-align: center}
#global {width:800px ; margin: 4px auto }
a {color: black ; text-decoration:unedrline ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:none ; background-color: silver}
a:active{color: pink}
* {margin:2px 2px 2px 2px ; padding:0px ; border: 0px}
#cabecera {background-color: purple }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ;margin-right: 10px }
#pie {background-color: brown ; width: 800px ; margin 4px auto}
p {text-align: justify}
gracias de antemano
En la segunda leccion, en la segun da hoja, hay que ponerle fondo a una palabras, escribi todo como deberia escribirlo pero no me sale el fondo de color rosa como deberia salir
en la hoja de estilos-general.css puse lo siguiente:
#cabecera {background-color: pink }
En la plantilla.html puse esto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
</body>
</html>
Gracias de antemano al que me solucione el problema
en la hoja de estilos-general.css puse lo siguiente:
#cabecera {background-color: pink }
En la plantilla.html puse esto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
</body>
</html>
Gracias de antemano al que me solucione el problema
Dark_soullesS escribió:hola, pues, despues de lo de la imagen en el centro, que no supe como poner, decidi adelantarme y continuar y ahora llege a otro obstaculo, lo de la imagen no me intereso mucho porque es algo superficial, pero no poder ver el menú amarillo como en los ejemplos si me revienta, aqui les dejo los codigos de la hoja de estilos y de la plantilla, estoy seguro que el error esta en el de estilos, pues es el que le da la forma a la otra, pero no puedo encontrar mi error...
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css"
type="text/css" media="all">
</head>
<body>
<div id=global>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">Menú</div>
<ul>Elemento de lista, 1 Elemento de lista, 2 Elemento de lista, 3
</div>
Esta será la zona principal de la web</p>
Mmm... escribir de manera inutil, creo que eso me molesta, de todas maneras, estoy ansioso porque me quede como debe, me estoy aburriendo y eso no es bueno, necesito siempre estar en consentracion, que aburrido, anyway, creo que no sera tan malo si me detengo aqui</p>
</div>
<div id="pie">Este es el pié de página </div>
</div>
</body>
</html>
esta es la de estilos...
body {text-align: center}
#global {width:800px ; margin: 4px auto }
a {color: black ; text-decoration:unedrline ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:none ; background-color: silver}
a:active{color: pink}
* {margin:2px 2px 2px 2px ; padding:0px ; border: 0px}
#cabecera {background-color: purple }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ;margin-right: 10px }
#pie {background-color: brown ; width: 800px ; margin 4px auto}
p {text-align: justify}
gracias de antemano
Hola:
No se si ya le han contestado con alguna sugerencia, pero lo del problema del menu es muy posible que sea por ese </div> que ha puesto, que no debiera de existir, ese que le pongo en rojo, ya que la capa menu usted la abre con <div id="menu"> y después de poner la lista la debe cerrar con el </div>, así que pienso que por ahora lo único que sobra es lo que le he puesto en rojo
<div id="menu">Menú</div>
<ul>
</div>
Saludos
figari_95 escribió:En la segunda leccion, en la segun da hoja, hay que ponerle fondo a una palabras, escribi todo como deberia escribirlo pero no me sale el fondo de color rosa como deberia salir
en la hoja de estilos-general.css puse lo siguiente:
#cabecera {background-color: pink }
En la plantilla.html puse esto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
</body>
</html>
Gracias de antemano al que me solucione el problema
Hola:
Revise como realmente se llama su hoja de estilo-general, ya que si se llama estilos-general.css y usted en el link rel le puso estilo-general.css no le funcionará, porque el nombre debe coincidir exactamente con lo que pone en ese <link rel
Saludos
:D Ya veo, muchisimas gracias por su respuesta, cuidense mucho, ciao.
lecccion 2 seccion buzon mail
2.- Haced clic ahora en el nuevo botón que añadímos en la sección anterior, el que tiene una "i" con el fondo azul Botón Propiedades. Con ello se abrirá la ventana de "Propiedades". Si no habéis sido buenos y no me hicísteis caso, os dejo abrirla haciendo clic en "Ventana" + "Propiedades".
en las secciones anteriores no hay nada referente a ese boton de donde lo saco, ley otra vez desde la leccion uno y no encontre eso de ese boton :oops:
2.- Haced clic ahora en el nuevo botón que añadímos en la sección anterior, el que tiene una "i" con el fondo azul Botón Propiedades. Con ello se abrirá la ventana de "Propiedades". Si no habéis sido buenos y no me hicísteis caso, os dejo abrirla haciendo clic en "Ventana" + "Propiedades".
en las secciones anteriores no hay nada referente a ese boton de donde lo saco, ley otra vez desde la leccion uno y no encontre eso de ese boton :oops:
estas con dreamweaver?????
que version?????
que version?????
con la version 3
pero no importa la version, lo que sucede es que en el tuto dice eso, pero antes no se encuentra nada sobre lo que dice eso de la i
gracias por responder
pero no importa la version, lo que sucede es que en el tuto dice eso, pero antes no se encuentra nada sobre lo que dice eso de la i
gracias por responder
ese boton
es un circulo azul (creo) que dentro tiene la i pero es chiquito
y lo verás en la parte de abajo de la pantalla del lado derecho
saludos
es un circulo azul (creo) que dentro tiene la i pero es chiquito
y lo verás en la parte de abajo de la pantalla del lado derecho
saludos
No puedo poner el menu dentro del contenido :oops: me voy a rendir si no me ayudan
bruno96 escribió:No puedo poner el menu dentro del contenido :oops: me voy a rendir si no me ayudan
Hola:
Si es que aún no arregló el problema, sería bueno que nos pusiera todos los códigos, tanto de su pagina plantilla como los de su hoja de estilo-general para revisarlos acá
Saludos
solidaria escribió:aidajo, este es un foro de ayuda, así que tu pregunta lo que quieras que entre todos nos ayudamos.mira tengo un problema en cuanto a los titulos pongo esta linea de codigo
Un saludo.
h1 {font.size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
pero para que funcione la tengo que poner dos veces seguidas asi:
h1 {font.size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h1 {font.size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center} porque sera :?: :?:
Hola voy en la segunda leccion y en el Punto de Formatear los estilos a cero donde las margenes de la pagina quedan en cero y nos dan este codigo:
* {margin:0px ; padding:0px ; border: 0px}
Dice que la ubique en la hoja de estilo-genera...tatatata en la primera linea y esactamente es lo que hago pero no me funciona, solo la capa de pie de pagina se extiende.. donde puede estar el error?? :(
* {margin:0px ; padding:0px ; border: 0px}
Dice que la ubique en la hoja de estilo-genera...tatatata en la primera linea y esactamente es lo que hago pero no me funciona, solo la capa de pie de pagina se extiende.. donde puede estar el error?? :(
mi duda es la siguiente
cuando estoy siguiendo los pasos de los titulos (eso de <h1><h2>..)
en la vista previadel internet explorer no tengo problemas
pero en el firefox y en opera el subtitulo (<h2> </h2>) se ve mas grande de lo que debe, incluso mas grande que el primer titulo
esto pasa en los navegadores que no sean internet explorer
por favor una solucion rapida pliss
gracias
cuando estoy siguiendo los pasos de los titulos (eso de <h1><h2>..)
en la vista previadel internet explorer no tengo problemas
pero en el firefox y en opera el subtitulo (<h2> </h2>) se ve mas grande de lo que debe, incluso mas grande que el primer titulo
esto pasa en los navegadores que no sean internet explorer
por favor una solucion rapida pliss
gracias
Yo ya me equivoque y hice un nuevo tema, no vi este , perdonenme jeje. Bueno mi duda es sta:
Cuando en "Los margenes de los párrafos de la página web" dice lo de poner "#contenido p {padding: 5px 10px 5px 10px}" para arreglar los margenes, ya que los textos estan pegados al menu, en el ejemplo de CCTW queda así:
http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-…
Ami poniendo lo mismo, que la "estilo-general.css" me quede asi:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ;
margin-right: 10px }
#pie {background-color: brown }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px}
#menu li{ list-style:none ; margin: 4px 0px 4px 6px }
a {color: brown ; text-decoration:none ; display:block }
a:link {}
a:visited {}
a:hover {color: red ; text-decoration:underline ; background-color:silver}
a:active {}
p {text-align: justify}
Y la plantilla.html me quede asi(todo esta escrito a partir del ejemplo de CCTW):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
Elemento de lista, 1 Elemento de lista, 2 Elemento de lista, 3
</div>
Esta será la zona principal de la web</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
La vista previa no queda igual que en el ejemplo de CCTW , sino que en el ejemplo(no se me ocurre explicarlo de otra forma mas sencilla :roll: ) en la parte que pone "Este es el tercer parrafo..." esta debajo del menu, sin embargo ami me aparece igual que sino hubiera puesto "#contenido p {padding....." . Es decir, lo unico que me cambia esa propiedad es que deja un espacio más grande entre el menu lateral y los dos primeros parrafos, el tercer parrafo sigue centrado(a decir verdad me estoy liando hasta yo jeje). Para que no tengas que mirar para arriba te dejo con link para ver el ejemplo de CCTW.
http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-…
Y esa es mi duda, el porque de que el tercer parrafo siga centrado.
Cuando en "Los margenes de los párrafos de la página web" dice lo de poner "#contenido p {padding: 5px 10px 5px 10px}" para arreglar los margenes, ya que los textos estan pegados al menu, en el ejemplo de CCTW queda así:
http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-…
Ami poniendo lo mismo, que la "estilo-general.css" me quede asi:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ;
margin-right: 10px }
#pie {background-color: brown }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px}
#menu li{ list-style:none ; margin: 4px 0px 4px 6px }
a {color: brown ; text-decoration:none ; display:block }
a:link {}
a:visited {}
a:hover {color: red ; text-decoration:underline ; background-color:silver}
a:active {}
p {text-align: justify}
Y la plantilla.html me quede asi(todo esta escrito a partir del ejemplo de CCTW):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Esta será la zona principal de la web</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
La vista previa no queda igual que en el ejemplo de CCTW , sino que en el ejemplo(no se me ocurre explicarlo de otra forma mas sencilla :roll: ) en la parte que pone "Este es el tercer parrafo..." esta debajo del menu, sin embargo ami me aparece igual que sino hubiera puesto "#contenido p {padding....." . Es decir, lo unico que me cambia esa propiedad es que deja un espacio más grande entre el menu lateral y los dos primeros parrafos, el tercer parrafo sigue centrado(a decir verdad me estoy liando hasta yo jeje). Para que no tengas que mirar para arriba te dejo con link para ver el ejemplo de CCTW.
http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-…
Y esa es mi duda, el porque de que el tercer parrafo siga centrado.
debes pegarnos todo el contenido del css, y del html
o en su defecto darnos la url de tu web
saludos
o en su defecto darnos la url de tu web
saludos
Hola a todos, soy nueva y entiendo más bien poco. Estoy con la leccion 2, con los estilos de los enlaces, hasta ahora todo me ha funcionado bien, pero al aplicar los estilos css a los enlaces, ya no cambian. Esto es lo que tengo en mi hora de estilos (copio y pego)
*{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 {}
#cabecera {background-color: pink}
#navegacion{background-color:grey}
#contenido{background-color:orange;width:800px;float:left}
#menu{background-color:yellow;width:150px;float:left;text-align:left}
#menu li{list-style:none;margin:4px 0px 4px 6px}
#pie{background-color:brown}
#global{width:800px;margin:4px auto}
/fin hoja estilos/
No sé qué es lo que he hecho mal ¿podriais ayudarme por favor?
Muchas gracias a todos y saludos
¡Ah, se me olvidaba! estoy con HTML-kit
*{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 {}
#cabecera {background-color: pink}
#navegacion{background-color:grey}
#contenido{background-color:orange;width:800px;float:left}
#menu{background-color:yellow;width:150px;float:left;text-align:left}
#menu li{list-style:none;margin:4px 0px 4px 6px}
#pie{background-color:brown}
#global{width:800px;margin:4px auto}
/fin hoja estilos/
No sé qué es lo que he hecho mal ¿podriais ayudarme por favor?
Muchas gracias a todos y saludos
¡Ah, se me olvidaba! estoy con HTML-kit
ciberamos los que estas haciendo mal es que a los estilos css de los enlaces los tenes q poner al ultimo para que se modifiquen al final. xq los navegadores leen los codigos de arriba para abajo
saludos y espera que te funcione :) :) :) :)
saludos y espera que te funcione :) :) :) :)
Muchas gracias por tu respuesta, acabo de probar y nada; cuando puse el mensaje ya había probado a poner los estilos de enlaces en menu, en menu li, al principio, al final.... :(
... Y sigue sin funcionar, ¿será cosa del HTMl-kit o definitivamente soy un poco "manta"? :?
Saludos.
... Y sigue sin funcionar, ¿será cosa del HTMl-kit o definitivamente soy un poco "manta"? :?
Saludos.
Ciberamos, tienes la web ya en el servidor? Nos das la direccion para verlo?
Hola Jorgens, me temo que aún no, pero puedo copiar y pegar código html y el de la hoja de estilos; ahí va
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media:"all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi web</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu"><ul><h ref="#">Elemento de lista, 1 <h ref="#">Elemento de lista, 2 <h ref="#">Elemento de lista, 3
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pie de página</div>
</div>
</body>
</html>
y esta es la .css
*{margin:0px;padding:0px;border:0px}
body{text-align:center}
#cabecera {background-color: pink}
#navegacion{background-color:grey}
#contenido{background-color:orange;width:800px;float:left}
#menu{background-color:yellow;width:150px;float:left;text-align:left}
#menu li{list-style:none;margin:4px 0px 4px 6px}
#pie{background-color:brown}
#global{width:800px;margin:4px auto}
a {color:brown;text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {color:red;text-decoration:underline;background-color:silver}
a:active {}
/fin .css/
Y muchas gracias por la ayuda, porque estoy pinchada aqui.
Saludos.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media:"all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi web</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu"><ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pie de página</div>
</div>
</body>
</html>
y esta es la .css
*{margin:0px;padding:0px;border:0px}
body{text-align:center}
#cabecera {background-color: pink}
#navegacion{background-color:grey}
#contenido{background-color:orange;width:800px;float:left}
#menu{background-color:yellow;width:150px;float:left;text-align:left}
#menu li{list-style:none;margin:4px 0px 4px 6px}
#pie{background-color:brown}
#global{width:800px;margin:4px auto}
a {color:brown;text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {color:red;text-decoration:underline;background-color:silver}
a:active {}
/fin .css/
Y muchas gracias por la ayuda, porque estoy pinchada aqui.
Saludos.
Por curiosidad, esa linea de /fin .css/ está dentro de la hoja de estilos??