Para Yaneth:
Quiero decirte que conseguí adquirir el hosting através de iespaña como me indicaste. Muy agradecido.
Ahora tengo otro problema, (los novatos siempre tenemos problemas)
Resulta que al terminar de hacer la plantilla, me doy cuenta de que en los enlaces, al poner el puntero sobre ellos, deberían de cambiar de color, pero no es así, no cambian de color, repaso la hoja de estilos y no encuentro nada, agradecería una solución al problema. Pongo la plantilla y la hoja de estilos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina principal de mis experimentosCCTW</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi página Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>enlace 1 enlace 2 enlace 3
</div>
<h1>Esta será la zona principal de la web</h1>
Esta página será destinada a la presentación de
nuestros productos, este va a ser mi primer párrafo,
el segundo párrafo les mostraremos las diversas cosas
que podemos hacer, el tercero mas adelante lo veremos.
<h2>Este será mi segundo párrafo</h2>
No podia ser de otra forma, este es cuento de nunca acabar
si seguimos así, no terminaremos nunca. Parece ser que
tengo que seguir porque sino no coge toda la página.
Seguimos el rollo porque no terminamos de llenar la página
haber si con unas lines mas lo podemos conseguir.</p>
</div>
<div id="pie">Este es el pié de página</div>
</div id>
</body>
</html>
Acontinuación la hoja de estilos:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange; width: 800px ; float:left}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none; text-align: center}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left;
margin-right: 10px }
#menu li { list-style:none; margin: 4px 10px 3px 3px; text-align:left}
#pie {background-color: brown}
a {color: brown ; text-decoration:none ; display: block }
a:link ()
a:visited ()
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active ()
Un saludo.
Quiero decirte que conseguí adquirir el hosting através de iespaña como me indicaste. Muy agradecido.
Ahora tengo otro problema, (los novatos siempre tenemos problemas)
Resulta que al terminar de hacer la plantilla, me doy cuenta de que en los enlaces, al poner el puntero sobre ellos, deberían de cambiar de color, pero no es así, no cambian de color, repaso la hoja de estilos y no encuentro nada, agradecería una solución al problema. Pongo la plantilla y la hoja de estilos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina principal de mis experimentosCCTW</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi página Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>Esta será la zona principal de la web</h1>
Esta página será destinada a la presentación de
nuestros productos, este va a ser mi primer párrafo,
el segundo párrafo les mostraremos las diversas cosas
que podemos hacer, el tercero mas adelante lo veremos.
<h2>Este será mi segundo párrafo</h2>
No podia ser de otra forma, este es cuento de nunca acabar
si seguimos así, no terminaremos nunca. Parece ser que
tengo que seguir porque sino no coge toda la página.
Seguimos el rollo porque no terminamos de llenar la página
haber si con unas lines mas lo podemos conseguir.</p>
</div>
<div id="pie">Este es el pié de página</div>
</div id>
</body>
</html>
Acontinuación la hoja de estilos:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange; width: 800px ; float:left}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none; text-align: center}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left;
margin-right: 10px }
#menu li { list-style:none; margin: 4px 10px 3px 3px; text-align:left}
#pie {background-color: brown}
a {color: brown ; text-decoration:none ; display: block }
a:link ()
a:visited ()
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active ()
Un saludo.