Hola amigos, tengo un pequeño problema con la pagina que me encuentro diseñando por medio de las clases, la direccion de la web seria
http://elavilaysuscaminantes.onlinewebshop.net
estoy diseñando la index.html pero al subirla a la web con el HTML-Kit
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>El Ávila y sus Caminantes</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera"><h1>Bienvenidos a "El Ávila y sus Caminantes"</h1></div>
<div id="contenido">
<div id="menu">
<h1>El Ávila menú</h1>
<ul>Historia del Ávila Rutas Excursiones Anécdotas de los Caminantes Fauna y Flora Ávila Magica Fondos
</div>
Bienvenidos a esta página WEB, aquí encontraras anécdotas, fotos, curiosidades, entre otras cosas, las cuales se han realizado en varias oportunidades con excursiones realizadas por un pequeño grupo de familiares y amigos, personas las cuales las he nombrado "Los Caminantes de Ávila".</p>
[contenido no disponible]</p>
En esta página tendrás la oportunidad de conocer los protagonistas de cada excursión, entre ellos mis pequeños y queridos hijos, que son los que hacen que cada día quiera más esta hermosa MONTAÑA y que son la fuente de mi inspiración para dedicarle esta Web a este bello Pulmón Vegetal, la cual fue decretado el 12 de Diciembre de 1958 Parque Nacional; conocido también como el "Cerro Ávila" y que hoy en día lleva por nombre "Wararia Repano (Sierra Grande)"</p>
[contenido no disponible]</p>
Para los que visiten esta Web les doy la más cordial bienvenida y deseo que disfruten de la visita por los apartados y contenido de este portal, he tratado de diseñarla de la mejor forma accesible para ustedes para que así no se pierdan, se aburran y terminen por abandonar mi portal, para que esto no suceda he colocado un pequeño menú del lado izquierdo de cada página las cuales accederás a varios contenidos de importancia, a su vez en los laterales inferiores de cada contenido encontraras unos pequeños amiguitos que te llevaran a la siguiente pagina o te devolverán a la página anterior.</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
Por otro lado te informo que esta Web guarda algunos secretos en alguno de sus textos e imágenes, en ellos podrás conseguir alguna información extra u otros comentarios, estos los podrás descubrir dejando el Mouse o Ratón sobre dichos enlaces.</p>
Bueno no te doy mas lata….. jajajaja solo quería darte la bienvenida y algunas recomendaciones para que no se te hiciera difícil su navegación……… Haaaa se me olvidaba presentarme, me llamo Diosman Chacon,</p>
[contenido no disponible]</p>
creador de esta sencilla pagina WEB y Excursionista de esta gran aventura, no está de más en recordarte que cualquier ayuda o comentario que quieras aportar puedes enviarlo a mi correo, enlace que encontraras más abajo y en cualquiera de las páginas de este portal, yo con gusto atenderé tu respuesta y agregare la información que me sea enviada. Ahora a disfrutar de esta gran aventura, suerte.</p>
</div>
<div id="pie">publicidad y comentarios</div>
</div>
</body>
</html>
estilos.css
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.4em ; color:#FFFFFF ; font-weight: bold ; text-decoration: underline ; text-align: center ; margin: 10px 10px 4px 80px ; padding:5px}
body {background-color: #E0FFFF ; background-image: url(fotos-avila/fondo-index.jpg) ; background-repeat: no-repeat ; background-position: center center ; background-attachment: fixed ; text-align: center }
#global {width:800px ; margin: 4px auto}
#cabecera {background-color: #008B00}
#contenido {width: 800px }
#contenido p {padding: 5px 10px 5px 10px}
#menu {width:200px ; float:right ; text-align: left; margin: 40px 10px 4px 80px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {font-size: 15px ; color:#000000 ; font-weight: bold ; text-decoration: none ; text-align: justify }
#pie {background-color: #008B00 }
a {color: #009ACD ; font-size: 1,3em ; text-decoration:none ; display:block ;}
a:link{}
a:visited{color: #458B00}
a:hover{color:#00F5FF ; text-decoration:underline ; background-color:#A2B5CD }
a:active{}
http://elavilaysuscaminantes.onlinewebshop.net
estoy diseñando la index.html pero al subirla a la web con el HTML-Kit
- 1.)La misma se ve bien con el Explorer pero con el Firefox la capa pie que le he colocado en un color verde, me abarca toda la capa de contenido no dejándome ver el fondo de la página.
- 2.)El otro problema sería con la capa menú, estos funciona bien con el Explorer, pero con el Firefox no!
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>El Ávila y sus Caminantes</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera"><h1>Bienvenidos a "El Ávila y sus Caminantes"</h1></div>
<div id="contenido">
<div id="menu">
<h1>El Ávila menú</h1>
<ul>
</div>
Bienvenidos a esta página WEB, aquí encontraras anécdotas, fotos, curiosidades, entre otras cosas, las cuales se han realizado en varias oportunidades con excursiones realizadas por un pequeño grupo de familiares y amigos, personas las cuales las he nombrado "Los Caminantes de Ávila".</p>
[contenido no disponible]</p>
En esta página tendrás la oportunidad de conocer los protagonistas de cada excursión, entre ellos mis pequeños y queridos hijos, que son los que hacen que cada día quiera más esta hermosa MONTAÑA y que son la fuente de mi inspiración para dedicarle esta Web a este bello Pulmón Vegetal, la cual fue decretado el 12 de Diciembre de 1958 Parque Nacional; conocido también como el "Cerro Ávila" y que hoy en día lleva por nombre "Wararia Repano (Sierra Grande)"</p>
[contenido no disponible]</p>
Para los que visiten esta Web les doy la más cordial bienvenida y deseo que disfruten de la visita por los apartados y contenido de este portal, he tratado de diseñarla de la mejor forma accesible para ustedes para que así no se pierdan, se aburran y terminen por abandonar mi portal, para que esto no suceda he colocado un pequeño menú del lado izquierdo de cada página las cuales accederás a varios contenidos de importancia, a su vez en los laterales inferiores de cada contenido encontraras unos pequeños amiguitos que te llevaran a la siguiente pagina o te devolverán a la página anterior.</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
Por otro lado te informo que esta Web guarda algunos secretos en alguno de sus textos e imágenes, en ellos podrás conseguir alguna información extra u otros comentarios, estos los podrás descubrir dejando el Mouse o Ratón sobre dichos enlaces.</p>
Bueno no te doy mas lata….. jajajaja solo quería darte la bienvenida y algunas recomendaciones para que no se te hiciera difícil su navegación……… Haaaa se me olvidaba presentarme, me llamo Diosman Chacon,</p>
[contenido no disponible]</p>
creador de esta sencilla pagina WEB y Excursionista de esta gran aventura, no está de más en recordarte que cualquier ayuda o comentario que quieras aportar puedes enviarlo a mi correo, enlace que encontraras más abajo y en cualquiera de las páginas de este portal, yo con gusto atenderé tu respuesta y agregare la información que me sea enviada. Ahora a disfrutar de esta gran aventura, suerte.</p>
</div>
<div id="pie">publicidad y comentarios</div>
</div>
</body>
</html>
estilos.css
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.4em ; color:#FFFFFF ; font-weight: bold ; text-decoration: underline ; text-align: center ; margin: 10px 10px 4px 80px ; padding:5px}
body {background-color: #E0FFFF ; background-image: url(fotos-avila/fondo-index.jpg) ; background-repeat: no-repeat ; background-position: center center ; background-attachment: fixed ; text-align: center }
#global {width:800px ; margin: 4px auto}
#cabecera {background-color: #008B00}
#contenido {width: 800px }
#contenido p {padding: 5px 10px 5px 10px}
#menu {width:200px ; float:right ; text-align: left; margin: 40px 10px 4px 80px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {font-size: 15px ; color:#000000 ; font-weight: bold ; text-decoration: none ; text-align: justify }
#pie {background-color: #008B00 }
a {color: #009ACD ; font-size: 1,3em ; text-decoration:none ; display:block ;}
a:link{}
a:visited{color: #458B00}
a:hover{color:#00F5FF ; text-decoration:underline ; background-color:#A2B5CD }
a:active{}