Hola!! Estoy siguiendo el curso, estoy haciendo mi Ejemplo y al mismo tiempo otras dos páginas distintas. He llegado a la lección cuatro. Puse bordes a la capa "pie" en el Ejemplo, y todo salió bien. Hice el mismo procedimiento con la primera página de mis experimentos, sólo que llamé a la capa "fin" en vez de "pie", pero todo salió espectacular, los bordes quedaron muy bien. El problema fue cuando intenté hacer lo mismo con la segunda página de experimentos, entonces conseguí un verdadero churro. No sé qué hice distinto, incluso intenté borrar todo de la plantilla y de su hoja de estilos para rehacer los bordes siguiendo el curso, pero nada, soy un fiasco! Creo que tengo doble personalidad porque en una sí me sale y en la otra no!
Les mando la dirección de mi segundo experimento y las hojas:
http://anapascoe.myartsonline.com/plantilla.html
http://anapascoe.myartsonline.com/index.html (este es el experimento fallido)
http://simmagaleria.myartsonline.com (Este es el experimento afortunado, las hojas están en mi mensaje anterior sobre Firefox)
"INDEX" (...anapascoe.myarts...)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ana Pascoe</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera"></div>
<div id="navegacion"><ul>[contenido no disponible] <a href="index.html">[contenido no disponible] [contenido no disponible]
</div>
<div id="contenido">
<div id="menu"><ul><h1>ENGLISH</h1> INICIO SIMMA Galería SEMBLANZA PINTURA LITERATURA CONTACTO LINKS</div>
<div id="inicial">
<h1>INICIO</h1></p></div>
Paraísos ocultos en lo ordinario de la urbe, mitología que nos acompaña en la vida cotidiana, una luciérnaga brindando en el
bar de la muerte…</p>
Este tipo de imágenes son sólo algunas de las que podremos ver en la obra pictórica de Ana Pascoe,
el abanico de posibilidades es infinito así como también la experiencia de contemplar cada una de sus obras.</p>
Como pintora,
nuestra artista es de naturaleza polifacética, tiene la capacidad de capturar la esencia y carácter de una persona en sus
retratos; nos puede llevar a través del mundo con sus paisajes idílicos japoneses, mexicanos o noruegos; o nos puede revelar
lugares invisibles en los que solo ella ha sido capaz de internarse y que ahora nos invita a visitar para ser también testigos
de su existencia.</p>
Ana tiene un talento y una inteligencia más allá de lo extraordinario y nos los demuestra cada vez que
reconstruye con su pincel paisajes y paraísos, atmósferas y personajes que se pensaban olvidados pero que ahora danzan ante
nuestros ojos detrás de máscaras y atuendos sensuales o alucinantes.</p>
La luz de la luna, actores esperando entrar a escena,
alquimistas y demonios, sirenas, luciérnagas y gigantes de madera nos abren ahora sus puertas y nos invitan a visitar sus mundos
olvidados a través de los ojos y manos virtuosas de su cronista Ana Pascoe.</p>
</p>
</div>
<div id="pie"><div id="imagfin"><ul>
[contenido no disponible] [contenido no disponible] [contenido no disponible]
</p>
</p></div>
</div>
</body>
</html>
"HOJA DE ESTILOS PARA EL INDEX"
* {margin:0px ; padding:0px ; border: 0px}
p {color:#191970 ; text-align: justify ; font-size:1.3em}
h1 {font-size: 1.2em; color: #191970 ; font-weight: bold ; text-align:center ; margin-top: 20px}
h2 {font-size: 1.2em; color: #191970 ; text-decoration: underline ; font-weight: bold ; text-align:right ; margin-top: 10px ; margin-right: 95px}
h3 { text-decoration: none ; text-align: right ; margin-top: 10px ; margin-right: 68px}
body {background-color: #778899 ; text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-image: url(objetos/ana.jpg) ; background-repeat: no-repeat ;
width:800px ; height: 332px ; overflow : hidden }
#navegacion {background-color: #B0C4DE ; font-size: 1.1em ; height: 166px ;
border-left: #8B5742 5px solid ; border-right: #8B5742 5px solid }
#navegacion li {float: left ; margin: 6px 50px 7px 25px ; border: #8B5742 3px solid ; list-style:none }
#navegacion ul { margin-left: 160px }
#navegacion p {padding: 0px 0px 10px 0px}
#contenido {background-color: #B0C4DE ; margin-top: 0px ;
border-top: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid }
#contenido p {padding: 25px 30px 2px 50px ; text-indent:15px }
#derecha p {padding: 20px 20px 0px 0px}
#inicial p {padding: 30px 20px 2px 50px}
#final p {padding: 25px 20px 60px 50px}
#menu {background-color: #CAE1FF; width: 180px ; float:left; text-align:center ; margin:3px 30px 3px 3px }
#menu p {padding: 25px 25px 25px 25px }
#menu li { list-style:none ; margin: 20px 15px 20px 12px }
#menu h1 { list-style:none ; margin: 20px 8px 20px 6px ; text-align:center }
#imagfin {background-color: #B0C4DE ; height: 174px ; width: 770px }
#imagfin li {float: left ; list-style:none ; margin: 0px 5px 0px 5px }
#imagfin ul { margin-left: 20px }
#pie {background-color: #B0C4DE ; color:#191970 ; font-size: 1.1em ;
border-bottom: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid}
#pie p {padding: 10px}
.centrado {text-align:center}
.derecha {text-align:right}
.izquierda {text-align:left}
a { color:#1874CD ; font-size:1.2em ; text-decoration:none ; display: block }
a:link {}
a:visited {font-size: 1.2em ; color: #EE7942}
a:hover { color:#8B4513 ; text-decoration:underline ; background-color:#B0C4DE }
a:active {}
a.enlaceuno {font-size: 1.3em; color: #1874CD ; text-decoratiofont:none ; display: block ; weight: bold}
a.enlaceuno:link {}
a.enlaceuno:visited {color: #A0522D}
a.enlaceuno:hover {color:#8B4513 ; text-decoration:underline ; background-color:#F5F5DC }
a.enlaceuno:active {}
"PLANTILLA"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ana Pascoe</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera"></div>
<div id="navegacion"><div id="imagprin"><ul> [contenido no disponible] <a href="index.html">[contenido no disponible] [contenido no disponible]</div></div>
<div id="contenido">
<div id="menu"><ul><h1>ENGLISH</h1> INICIO SIMMA Galería SEMBLANZA PINTURA LITERATURA CONTACTO LINKS</div>
<div id="inicial">
<h1>SIMMA Galería</h1></p></div>
Conscientes de que es necesario reivindicar el papel del espectador como ser inteligente y sensible, el grupo SIMMA Galería apoya y promueve obra plástica que se comunica, por medio de imágenes, con el público. Los artistas valoran la capacidad que tiene el espectador de observar, admirarse y experimentar la sensualidad de una imagen o un espacio, y por eso son exigentes con la calidad temática y visual de su obra.</p>
Como espectador, juegas en el ámbito artístico un papel tan importante como el del artista o la pieza, eres el receptor capaz de contemplar el arte y sumergirte en él, eres parte de la experiencia. Nuestros artistas, como Ana Pascoe, Rubén Lazcano y otros, te presentan su mundo que es espontáneo y místico pero que comunican por medio de imágenes inteligentes y, sobre todo, intencionales.</p>
<p class="derecha">"El mago no es más que un sabio que sabe actuar."</p>
<p class="derecha">Giordano Bruno.</p></p>
</p>
</p>
</div>
<div id="pie"><div id="imagfin"><ul> [contenido no disponible] [contenido no disponible] [contenido no disponible]</div>
</p><div>Conoce más sobre el grupo SIMMA Galería y la obra que promueve, visítanos enhttp://simmagaleria.myartsonline.com
</p></div</div>
<div id="fin"><div id="finuno">pie uno</div>
<div id="findos">pie dos</div>
</div>
</div>
</body>
</html>
"HOJA DE ESTILOS PARA LA PLANTILLA"
* {margin:0px ; padding:0px ; border: 0px}
p {color:#191970 ; text-align: justify ; font-size:1.3em}
h1 {font-size: 1.2em; color: #191970 ; font-weight: bold ; text-align:center ; margin-top: 20px}
h2 {font-size: 1.2em; color: #191970 ; text-decoration: underline ; font-weight: bold ; text-align:right ; margin-top: 10px ; margin-right: 95px}
h3 { text-decoration: none ; text-align: right ; margin-top: 10px ; margin-right: 68px}
body {background-color: #778899 ; text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-image: url(objetos/ana.jpg) ; background-repeat: no-repeat ;
width:800px ; height: 332px ; overflow : hidden }
#navegacion {background-color: #B0C4DE ; font-size: 1.1em ; height: 166px ;
border-left: #8B5742 5px solid ; border-right: #8B5742 5px solid }
#navegacion li {float: left ; border: #8B5742 3px solid ; list-style:none ; margin: 6px 50px 7px 25px }
#navegacion ul { margin-left: 160px }
#navegacion p {padding: 0px 0px 0px 0px}
#contenido {background-color: #B0C4DE ; margin-top: 0px ;
border-top: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid }
#contenido p {padding: 25px 30px 2px 50px ; text-indent:15px }
#derecha p {padding: 20px 20px 0px 0px}
#inicial p {padding: 30px 20px 2px 50px}
#final p {padding: 25px 20px 60px 50px}
#menu {background-color: #CAE1FF; width: 180px ; float:left; text-align:center ; margin:3px 30px 3px 3px }
#menu p {padding: 25px 25px 25px 25px }
#menu li { list-style:none ; margin: 20px 15px 20px 12px }
#menu h1 { list-style:none ; margin: 20px 8px 20px 6px ; text-align:center }
#imagfin {background-color: #B0C4DE ; height: 174px ; width: 770px }
#imagfin li {float: left ; list-style:none ; margin: 0px 5px 0px 15px }
#imagfin ul { margin-left: 110px }
#pie {background-color: #B0C4DE ; color:#191970 ; font-size: 1.1em ;
border-bottom: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid}
#pie p {padding: 10px 35px 10px 35px}
#fin {border-left: #8B5742 5px solid ;
border-right: #8B5742 5px solid ;
border-bottom: #8B5742 5px solid ; height: 180px }
#finuno {background-color: #B0C4DE ; float:left ; width: 395}
#findos {background-color: #B0C4DE ; float:left ; width: 395}
.centrado {text-align:center}
.derecha {text-align:right}
.izquierda {text-align:left}
a { color:#1874CD ; font-size:1.2em ; text-decoration:none ; display: block }
a:link {}
a:visited {font-size: 1.2em ; color: #EE7942}
a:hover { color:#8B4513 ; text-decoration:underline ; background-color:#B0C4DE }
a:active {}
a.enlaceuno {font-size: 1.3em; color: #1874CD ; text-decoratiofont:none ; display: block ; weight: bold}
a.enlaceuno:link {}
a.enlaceuno:visited {color: #A0522D}
a.enlaceuno:hover {color:#8B4513 ; text-decoration:underline ; background-color:#F5F5DC }
a.enlaceuno:active {}
SALUDOS!!!!!!!
Les mando la dirección de mi segundo experimento y las hojas:
http://anapascoe.myartsonline.com/plantilla.html
http://anapascoe.myartsonline.com/index.html (este es el experimento fallido)
http://simmagaleria.myartsonline.com (Este es el experimento afortunado, las hojas están en mi mensaje anterior sobre Firefox)
"INDEX" (...anapascoe.myarts...)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ana Pascoe</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera"></div>
<div id="navegacion"><ul>
</div>
<div id="contenido">
<div id="menu"><ul><h1>ENGLISH</h1>
<div id="inicial">
<h1>INICIO</h1></p></div>
Paraísos ocultos en lo ordinario de la urbe, mitología que nos acompaña en la vida cotidiana, una luciérnaga brindando en el
bar de la muerte…</p>
Este tipo de imágenes son sólo algunas de las que podremos ver en la obra pictórica de Ana Pascoe,
el abanico de posibilidades es infinito así como también la experiencia de contemplar cada una de sus obras.</p>
Como pintora,
nuestra artista es de naturaleza polifacética, tiene la capacidad de capturar la esencia y carácter de una persona en sus
retratos; nos puede llevar a través del mundo con sus paisajes idílicos japoneses, mexicanos o noruegos; o nos puede revelar
lugares invisibles en los que solo ella ha sido capaz de internarse y que ahora nos invita a visitar para ser también testigos
de su existencia.</p>
Ana tiene un talento y una inteligencia más allá de lo extraordinario y nos los demuestra cada vez que
reconstruye con su pincel paisajes y paraísos, atmósferas y personajes que se pensaban olvidados pero que ahora danzan ante
nuestros ojos detrás de máscaras y atuendos sensuales o alucinantes.</p>
La luz de la luna, actores esperando entrar a escena,
alquimistas y demonios, sirenas, luciérnagas y gigantes de madera nos abren ahora sus puertas y nos invitan a visitar sus mundos
olvidados a través de los ojos y manos virtuosas de su cronista Ana Pascoe.</p>
</p>
</div>
<div id="pie"><div id="imagfin"><ul>
</p>
</p></div>
</div>
</body>
</html>
"HOJA DE ESTILOS PARA EL INDEX"
* {margin:0px ; padding:0px ; border: 0px}
p {color:#191970 ; text-align: justify ; font-size:1.3em}
h1 {font-size: 1.2em; color: #191970 ; font-weight: bold ; text-align:center ; margin-top: 20px}
h2 {font-size: 1.2em; color: #191970 ; text-decoration: underline ; font-weight: bold ; text-align:right ; margin-top: 10px ; margin-right: 95px}
h3 { text-decoration: none ; text-align: right ; margin-top: 10px ; margin-right: 68px}
body {background-color: #778899 ; text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-image: url(objetos/ana.jpg) ; background-repeat: no-repeat ;
width:800px ; height: 332px ; overflow : hidden }
#navegacion {background-color: #B0C4DE ; font-size: 1.1em ; height: 166px ;
border-left: #8B5742 5px solid ; border-right: #8B5742 5px solid }
#navegacion li {float: left ; margin: 6px 50px 7px 25px ; border: #8B5742 3px solid ; list-style:none }
#navegacion ul { margin-left: 160px }
#navegacion p {padding: 0px 0px 10px 0px}
#contenido {background-color: #B0C4DE ; margin-top: 0px ;
border-top: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid }
#contenido p {padding: 25px 30px 2px 50px ; text-indent:15px }
#derecha p {padding: 20px 20px 0px 0px}
#inicial p {padding: 30px 20px 2px 50px}
#final p {padding: 25px 20px 60px 50px}
#menu {background-color: #CAE1FF; width: 180px ; float:left; text-align:center ; margin:3px 30px 3px 3px }
#menu p {padding: 25px 25px 25px 25px }
#menu li { list-style:none ; margin: 20px 15px 20px 12px }
#menu h1 { list-style:none ; margin: 20px 8px 20px 6px ; text-align:center }
#imagfin {background-color: #B0C4DE ; height: 174px ; width: 770px }
#imagfin li {float: left ; list-style:none ; margin: 0px 5px 0px 5px }
#imagfin ul { margin-left: 20px }
#pie {background-color: #B0C4DE ; color:#191970 ; font-size: 1.1em ;
border-bottom: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid}
#pie p {padding: 10px}
.centrado {text-align:center}
.derecha {text-align:right}
.izquierda {text-align:left}
a { color:#1874CD ; font-size:1.2em ; text-decoration:none ; display: block }
a:link {}
a:visited {font-size: 1.2em ; color: #EE7942}
a:hover { color:#8B4513 ; text-decoration:underline ; background-color:#B0C4DE }
a:active {}
a.enlaceuno {font-size: 1.3em; color: #1874CD ; text-decoratiofont:none ; display: block ; weight: bold}
a.enlaceuno:link {}
a.enlaceuno:visited {color: #A0522D}
a.enlaceuno:hover {color:#8B4513 ; text-decoration:underline ; background-color:#F5F5DC }
a.enlaceuno:active {}
"PLANTILLA"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ana Pascoe</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera"></div>
<div id="navegacion"><div id="imagprin"><ul>
<div id="contenido">
<div id="menu"><ul><h1>ENGLISH</h1>
<div id="inicial">
<h1>SIMMA Galería</h1></p></div>
Conscientes de que es necesario reivindicar el papel del espectador como ser inteligente y sensible, el grupo SIMMA Galería apoya y promueve obra plástica que se comunica, por medio de imágenes, con el público. Los artistas valoran la capacidad que tiene el espectador de observar, admirarse y experimentar la sensualidad de una imagen o un espacio, y por eso son exigentes con la calidad temática y visual de su obra.</p>
Como espectador, juegas en el ámbito artístico un papel tan importante como el del artista o la pieza, eres el receptor capaz de contemplar el arte y sumergirte en él, eres parte de la experiencia. Nuestros artistas, como Ana Pascoe, Rubén Lazcano y otros, te presentan su mundo que es espontáneo y místico pero que comunican por medio de imágenes inteligentes y, sobre todo, intencionales.</p>
<p class="derecha">"El mago no es más que un sabio que sabe actuar."</p>
<p class="derecha">Giordano Bruno.</p></p>
</p>
</p>
</div>
<div id="pie"><div id="imagfin"><ul>
</p><div>Conoce más sobre el grupo SIMMA Galería y la obra que promueve, visítanos enhttp://simmagaleria.myartsonline.com
</p></div</div>
<div id="fin"><div id="finuno">pie uno</div>
<div id="findos">pie dos</div>
</div>
</div>
</body>
</html>
"HOJA DE ESTILOS PARA LA PLANTILLA"
* {margin:0px ; padding:0px ; border: 0px}
p {color:#191970 ; text-align: justify ; font-size:1.3em}
h1 {font-size: 1.2em; color: #191970 ; font-weight: bold ; text-align:center ; margin-top: 20px}
h2 {font-size: 1.2em; color: #191970 ; text-decoration: underline ; font-weight: bold ; text-align:right ; margin-top: 10px ; margin-right: 95px}
h3 { text-decoration: none ; text-align: right ; margin-top: 10px ; margin-right: 68px}
body {background-color: #778899 ; text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-image: url(objetos/ana.jpg) ; background-repeat: no-repeat ;
width:800px ; height: 332px ; overflow : hidden }
#navegacion {background-color: #B0C4DE ; font-size: 1.1em ; height: 166px ;
border-left: #8B5742 5px solid ; border-right: #8B5742 5px solid }
#navegacion li {float: left ; border: #8B5742 3px solid ; list-style:none ; margin: 6px 50px 7px 25px }
#navegacion ul { margin-left: 160px }
#navegacion p {padding: 0px 0px 0px 0px}
#contenido {background-color: #B0C4DE ; margin-top: 0px ;
border-top: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid }
#contenido p {padding: 25px 30px 2px 50px ; text-indent:15px }
#derecha p {padding: 20px 20px 0px 0px}
#inicial p {padding: 30px 20px 2px 50px}
#final p {padding: 25px 20px 60px 50px}
#menu {background-color: #CAE1FF; width: 180px ; float:left; text-align:center ; margin:3px 30px 3px 3px }
#menu p {padding: 25px 25px 25px 25px }
#menu li { list-style:none ; margin: 20px 15px 20px 12px }
#menu h1 { list-style:none ; margin: 20px 8px 20px 6px ; text-align:center }
#imagfin {background-color: #B0C4DE ; height: 174px ; width: 770px }
#imagfin li {float: left ; list-style:none ; margin: 0px 5px 0px 15px }
#imagfin ul { margin-left: 110px }
#pie {background-color: #B0C4DE ; color:#191970 ; font-size: 1.1em ;
border-bottom: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid}
#pie p {padding: 10px 35px 10px 35px}
#fin {border-left: #8B5742 5px solid ;
border-right: #8B5742 5px solid ;
border-bottom: #8B5742 5px solid ; height: 180px }
#finuno {background-color: #B0C4DE ; float:left ; width: 395}
#findos {background-color: #B0C4DE ; float:left ; width: 395}
.centrado {text-align:center}
.derecha {text-align:right}
.izquierda {text-align:left}
a { color:#1874CD ; font-size:1.2em ; text-decoration:none ; display: block }
a:link {}
a:visited {font-size: 1.2em ; color: #EE7942}
a:hover { color:#8B4513 ; text-decoration:underline ; background-color:#B0C4DE }
a:active {}
a.enlaceuno {font-size: 1.3em; color: #1874CD ; text-decoratiofont:none ; display: block ; weight: bold}
a.enlaceuno:link {}
a.enlaceuno:visited {color: #A0522D}
a.enlaceuno:hover {color:#8B4513 ; text-decoration:underline ; background-color:#F5F5DC }
a.enlaceuno:active {}
SALUDOS!!!!!!!