saludos,les cuento ,al poner vista previa en los archivos plantilla.html y en index.html, que estan en web-ejemplo-cctw-internet, no se me ven los colores ,ni las imagenes,tanto la de fondo como ninguna.ahora bien,sin embargo,en mi pagina publicada en la red (http://caminoamiweb.scienceontheweb.net/ ),si se ve todo,pues cada vez que quiero ver algun cambio que alla hecho,siguiendo la leccion,tengo que recurrir a habrir el explorer,para ver los cambios o efectos.
les voy a dejar mis paginas html y la hoja de estilo,para que vean que error deba tener.muchas gracias y seguimos adelante gracias a ustedes.
estilo-general.css
* {text-indent:0px;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: auto;
border-left:black 1xp solid;border-right: black 1xp solid}
#contenido p {padding: 5px 10px 5px 10px;text-indent:15xp}
#menu {background-color: yellow; width: 150px ; float:left ;
text:align:left;margin-right:10px;margin: 3xp 10xp 3xp 3xp }
#menu li { list-style:none; margin: 4px -0px 4px 6px }
#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{}
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}
plantilla.html
<!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>Enlace1 <a href="#">Enlace2
</a> Enlace3
</div>
<h1>Esta será la zona principal de la web</h1>
gracias a como creartuweb.com por ayudarme a dar
los primeros pasos en este mundo de disenos web
<h2>Este es mi tercer parrafo de agradecimiento</h2>
de veras les estoy muy agradecido,he aprendido
mucho,y quiero aprender mucho mas,con la ayuda de
ustedes,en verdad me siento muy complasido,hasta ahora</p>
nunca pense encontrarme con un foro como este,ojala
que sigan asi,y que pronto puedan terminar de completar
este tuto.</p>
gracias,muchas gracias.jejeje</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
estilo.css
body {background-color: #E6E6FA ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center}
img {border-style: none}
.centrado {text-align:center}
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p>
[contenido no disponible]</p>
Quieres aprender a hacerlo directamente desde las opciones del Html-Kit?
Página creada gracias a CCTW</p>
[correo eliminado]</p>
</body>
</html>
MUCHAS GRACIAS,OK
les voy a dejar mis paginas html y la hoja de estilo,para que vean que error deba tener.muchas gracias y seguimos adelante gracias a ustedes.
estilo-general.css
* {text-indent:0px;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: auto;
border-left:black 1xp solid;border-right: black 1xp solid}
#contenido p {padding: 5px 10px 5px 10px;text-indent:15xp}
#menu {background-color: yellow; width: 150px ; float:left ;
text:align:left;margin-right:10px;margin: 3xp 10xp 3xp 3xp }
#menu li { list-style:none; margin: 4px -0px 4px 6px }
#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{}
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}
plantilla.html
<!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>
</a>
</div>
<h1>Esta será la zona principal de la web</h1>
gracias a como creartuweb.com por ayudarme a dar
los primeros pasos en este mundo de disenos web
<h2>Este es mi tercer parrafo de agradecimiento</h2>
de veras les estoy muy agradecido,he aprendido
mucho,y quiero aprender mucho mas,con la ayuda de
ustedes,en verdad me siento muy complasido,hasta ahora</p>
nunca pense encontrarme con un foro como este,ojala
que sigan asi,y que pronto puedan terminar de completar
este tuto.</p>
gracias,muchas gracias.jejeje</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
estilo.css
body {background-color: #E6E6FA ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center}
img {border-style: none}
.centrado {text-align:center}
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p>
[contenido no disponible]</p>
Quieres aprender a hacerlo directamente desde las opciones del Html-Kit?
Página creada gracias a CCTW</p>
[correo eliminado]</p>
</body>
</html>
MUCHAS GRACIAS,OK