Quisiera darle las gracias a Rayliure por haberme dado tantas opcones para arregla el problema del menu. Quiero contarle que las realice todas de limpiar los archivos temporales, tambien los elimine, le cambie la aultura a la capa de navegacion.En fin todo lo hice , pero el problema persiste. Logicamente no me he qudado ahí, he seguido con las lecciones y ya estoy en la sexta, ya me encuentro creando las carpetas de historia, discografia, etc. Mi página logicamente desde la ultima vez de mi mensaje ha cambiado un poco, y pues persiste el mismo problema de las lines que atraviesan el menu. Tambien existe otros problemas como es el hecho de que las letras de el pie de pagina siguen de color rojo y no me cambia a color azul, tambien si pueden observar en los bosdes de abajo del pie de pagina apareccen unas lineas que e sobresalen en cada lateral, y l aparte derecha del lateral de la página no es completamente lineal sino que al empezar el pie de pagina la linea lateral se desconfigura. Bueno y no se que más alcancen a percibir ustedes. Como ya empece a copiar todo esto en otras carpetas quisiera solucionar el problema.Si alguien muy experto (cualquiera de ustedes me pueden ayudar) Se los agradecia enormemente.
Adjunto:
http://flaca41.onlinewebshop.net
plantilla:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>xxxxxxxxxxxxxxxx</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Sección 1
Sección 2
Sección 3
Sección 4
</div>
<div id="contenido">
<div id="menu">
<h1>Titulo de Seccion 1</h1>
<ul> Enlace 1 Enlace 2 Enlace 3 Enlace 4
</div>
<h1>xxxxxxxxxxxxxxxxxxxxx</h1>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<h2>xxxxxxxxxxxxxxxxxxxxxxxx</h2>
xxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo Contactos Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio TopSite Mapa de la Web
</div>
<div id="curva-inferior"></div>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</div>
</body>
</html>
hoja de estilos:
* {text-indent:Opx ; margin:0px ; padding:0px ; border:0px}
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}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: white ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-parte-superior.gif);
padding-bottom:12px }
#pie {background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid
height: 65px ;
}
#pie li {list-style: none ; font-size: 12px }
#pieuno {background-color: brown ; float:left ; width:150px ; background-color: white}
#piedos {background-color: green ; float:left ; width:498px ; background-color: white}
#pietres {background-color: red ; float:left ; width:150px ; background-color: white}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display:
block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline ; background-color: silver}
a:active {}
#logotipo { width:280px ; float:left }
#publicidad { width:518px ; float:right ; margin-top:25px ; font-size: 16px }
...........
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Adjunto:
http://flaca41.onlinewebshop.net
plantilla:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>xxxxxxxxxxxxxxxx</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Titulo de Seccion 1</h1>
<ul>
</div>
<h1>xxxxxxxxxxxxxxxxxxxxx</h1>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<h2>xxxxxxxxxxxxxxxxxxxxxxxx</h2>
xxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
<div id="curva-inferior"></div>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</div>
</body>
</html>
hoja de estilos:
* {text-indent:Opx ; margin:0px ; padding:0px ; border:0px}
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}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: white ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-parte-superior.gif);
padding-bottom:12px }
#pie {background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid
height: 65px ;
}
#pie li {list-style: none ; font-size: 12px }
#pieuno {background-color: brown ; float:left ; width:150px ; background-color: white}
#piedos {background-color: green ; float:left ; width:498px ; background-color: white}
#pietres {background-color: red ; float:left ; width:150px ; background-color: white}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display:
block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline ; background-color: silver}
a:active {}
#logotipo { width:280px ; float:left }
#publicidad { width:518px ; float:right ; margin-top:25px ; font-size: 16px }
...........
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}