Lo primero presentarme, mi nombre es David y por casualidad encontre este foro y al rato de ojear un poco me propuse lo que todos aqui ya sabeis.
De tal manera que llevo ya unos dias que cada vez que enciendo el pc me puedo pegar dos horas siguiendo vuestras instrucciones y corregiendo errores que me van surgiendo sin haberme dado cuanta qie ni siquiera me habia registrado ni presentado.
Bueno aclarado lo anterior espero que me podais ayudar,,,
Tengo varios problemas y no se como esplicarlos soy super novato en esto y espero que se considere.
El primero es que cuando pego en mi hoa de estilos general esto para que se activen con solo acercar el cursor los elinks a
{color: brown ; text-decoration:none ; display: block }
Pues resulta que lo hace pero tambien se ponen de color gris el elink de justo debajo y el unico que lo hace bien es el elink nº15 ahora mismo lo quite de la hoja de estilos lo comento por que en la captura que voy a subir no aparecera.
El otro problema que tengo es que intento insertar el menu en el contenido para que quede dentro y lo hace pero cuando acerco el cursor por el elink nº15 por el pie de la pagina o la pagina principal es como si estubiera todo unido y se pone de color gris y rojo.
Bueno espero que me vallais echando una manilla en lo que podais la verdad estoy entusiasmadillo con esto.
Esta es mi plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Mi primera web</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><a href="#">elink 1 <a href="#">elink 2 <a href="#">elink 3 <a href="#">elink 4 <a href="#">elink 5 <a href="#">elink 6 <a href="#">elink 7 <a href="#">elink 8 <a href="#">elink 9 <a href="#">elink 10</> <a href="#">elink 11 <a href="#">elink 12 <a href="#">elink 13 <a href="#">elink 14 <a href="#">elink 15</div>
Esto es una escritura de prueba </p>
y solo para saber si esto esta quedando realmente bien o es un autentico desastre</p></div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Esta es mi hoja general de estilos:
* {margin:0px ; padding:0px ; border: 0px}
#cabecera {background-color: orange }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float: left}
#menu {background-color: yellow; width: 150px ; float:left ; text-align: left }
#pie {background-color: pink}
body {background-color: #E6E6FA}
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-repeat:no-repeat ; background-position:center ; {text-align: center}
#global {width:800px ; margin: 4px auto }
#menu li { list-style:none ; margin: 4px 0px 4px 6px }
a{color: blue ; font-size:1.2em ; 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}
body {text-align: center}
[contenido no disponible][contenido no disponible]
Gracias anticipadas y encantado de empezar a pertenecer a este buen foro.
Salu2 David.
De tal manera que llevo ya unos dias que cada vez que enciendo el pc me puedo pegar dos horas siguiendo vuestras instrucciones y corregiendo errores que me van surgiendo sin haberme dado cuanta qie ni siquiera me habia registrado ni presentado.
Bueno aclarado lo anterior espero que me podais ayudar,,,
Tengo varios problemas y no se como esplicarlos soy super novato en esto y espero que se considere.
El primero es que cuando pego en mi hoa de estilos general esto para que se activen con solo acercar el cursor los elinks a
{color: brown ; text-decoration:none ; display: block }
Pues resulta que lo hace pero tambien se ponen de color gris el elink de justo debajo y el unico que lo hace bien es el elink nº15 ahora mismo lo quite de la hoja de estilos lo comento por que en la captura que voy a subir no aparecera.
El otro problema que tengo es que intento insertar el menu en el contenido para que quede dentro y lo hace pero cuando acerco el cursor por el elink nº15 por el pie de la pagina o la pagina principal es como si estubiera todo unido y se pone de color gris y rojo.
Bueno espero que me vallais echando una manilla en lo que podais la verdad estoy entusiasmadillo con esto.
Esta es mi plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Mi primera web</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>
Esto es una escritura de prueba </p>
y solo para saber si esto esta quedando realmente bien o es un autentico desastre</p></div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Esta es mi hoja general de estilos:
* {margin:0px ; padding:0px ; border: 0px}
#cabecera {background-color: orange }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float: left}
#menu {background-color: yellow; width: 150px ; float:left ; text-align: left }
#pie {background-color: pink}
body {background-color: #E6E6FA}
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-repeat:no-repeat ; background-position:center ; {text-align: center}
#global {width:800px ; margin: 4px auto }
#menu li { list-style:none ; margin: 4px 0px 4px 6px }
a{color: blue ; font-size:1.2em ; 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}
body {text-align: center}
[contenido no disponible][contenido no disponible]
Gracias anticipadas y encantado de empezar a pertenecer a este buen foro.
Salu2 David.