Hola a todos.
Sigo indagando en mi página haciendole retoques y retoques.
Conseguí poner le menu desplegable en index.html pero cuando enlazo a otra página los puntitos y las flechas del menú desplegable desaparecen.
Veanló aquí:
http://miprimerapaginita.myartsonline.com/azulejos/colores.html
Creo que está todo bien enlazado.
Este es el estilos.css:
*{text-indent:0px ; 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 ; heigth: 12px ; margin: 0px 0px -8px 0px ; padding: 20px 0px 0px 0px}
#cabecera {background-color: #FFFF83 ; border-left: black 1px solid ; border-right: black 1px solid ; height: 85px}
#logotipo {width:280px ; float:left}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white}
#logotipo a:active {}
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: #FFFFCC ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul {margin-left: 100px}
#contenido {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent:15px}
#menu {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-curva-superior.gif) ; padding-top:12px}
#pie {background-color: #FFFF83 ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid ; margin: 0px 0px -10px 0px}
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px}
#piedos {background-image: url(decoracion-logo-inferior.jpg) ; background-repeat: no-repeat ; width:350px ; heigth: 75px ; float:left ; width:498px}
#pietres {float:left ; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior2.GIF) ; background-repeat: no-repeat ; width:800px ; heigth: 12px ; overflow: hidden ; padding: 0px 0px 12px 0px}
a {color: #990066 ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:blue ; text-decoration:underline ; background-color: white}
a:active {}
#pie a {color: black ; text-decoration:none ; display: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:blue ; text-decoration:underline ; background-color: #FFFF83}
#pie a:active {color:black}
Y este es el html de la página:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="shortcut icon" href="http:BROCHA.ico">
<title>TrucosDecor-Salu</title>
<link rel="stylesheet" href="../estilosdos.css" type="text/css" media="all">
<link rel="stylesheet" href="../estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="../no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="../numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"><h1>-Espacio para publicidad-</h1>
<tr>
<td></td>
</tr>
</table>
<tr>
<td></td>
</tr>
</table></a></div>
</div>
<div id="navegacion">
<font face="arial" size=2><ul>Paredes y Techos Azulejos Suelos Fotos [correo eliminado] Foro</font></div>
<div id="contenido">
<font face="arial unicode ms" size="-1"><h1>Bienvenidos a azulejos</h1>
</p>
Bienvenidos todos y todas a TrucosDecor-Salu. Aqui encontrareis información sobre todo lo
relacionado con la pintura y albañilería de un hogar dentro de los campos: Paredes y Techos,
Azulejos para baños, cocinas y exterior, y sobre todo tipo de Suelos.</p>
</p>
En la sección Fotos podeis ver fotos tanto de otras páginas como de otros usuarios
de esta Web. Si deseas insertar una foto no dudes en enviárnosla por e-mail en la sección
[correo eliminado]</p>
</p>
Para cualquier duda o consulta no dudes en entar a nuestro Foro</p>
</p>
Si encuentras algún error en la página envíanos un [correo eliminado] e intentaremos solucionarlo
lo antes posible, asi como si ves algún contenido tanto en la Web como en el <a href="http://boards5.melodysoft.com/app?ID=forotrucosdecor">
Foro</a> fuera de
contexto.
</p>
Te agradecemos la visita y esperamos verte a menudo. Gracias.
</font></div id>
<div id="pie">
<div id="pieuno"><ul> Foro Ejemplo Contactos Nos Enlazan</div>
<div id="piedos">[contenido no disponible]</a></div>
<div id="pietres"><ul> Directorio TopSite Mapa de la Web</div>
<div id="curva-inferior"></div>
</div id>
<script language="javascript" src="../definir-menus.txt" type="text/javascript"></script>
</body>
</html>
Ya me ha costado que enlace, y ahora esto, me estoy volviendo loooocooo. Si me pueden ayudar se lo agradecería.
PD: No se rían de la página que espero que al final quede bien, jejeje.
Un saludo.
Sigo indagando en mi página haciendole retoques y retoques.
Conseguí poner le menu desplegable en index.html pero cuando enlazo a otra página los puntitos y las flechas del menú desplegable desaparecen.
Veanló aquí:
http://miprimerapaginita.myartsonline.com/azulejos/colores.html
Creo que está todo bien enlazado.
Este es el estilos.css:
*{text-indent:0px ; 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 ; heigth: 12px ; margin: 0px 0px -8px 0px ; padding: 20px 0px 0px 0px}
#cabecera {background-color: #FFFF83 ; border-left: black 1px solid ; border-right: black 1px solid ; height: 85px}
#logotipo {width:280px ; float:left}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white}
#logotipo a:active {}
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: #FFFFCC ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul {margin-left: 100px}
#contenido {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent:15px}
#menu {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-curva-superior.gif) ; padding-top:12px}
#pie {background-color: #FFFF83 ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid ; margin: 0px 0px -10px 0px}
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px}
#piedos {background-image: url(decoracion-logo-inferior.jpg) ; background-repeat: no-repeat ; width:350px ; heigth: 75px ; float:left ; width:498px}
#pietres {float:left ; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior2.GIF) ; background-repeat: no-repeat ; width:800px ; heigth: 12px ; overflow: hidden ; padding: 0px 0px 12px 0px}
a {color: #990066 ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:blue ; text-decoration:underline ; background-color: white}
a:active {}
#pie a {color: black ; text-decoration:none ; display: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:blue ; text-decoration:underline ; background-color: #FFFF83}
#pie a:active {color:black}
Y este es el html de la página:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="shortcut icon" href="http:BROCHA.ico">
<title>TrucosDecor-Salu</title>
<link rel="stylesheet" href="../estilosdos.css" type="text/css" media="all">
<link rel="stylesheet" href="../estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="../no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="../numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"><h1>-Espacio para publicidad-</h1>
<tr>
<td></td>
</tr>
</table>
<tr>
<td></td>
</tr>
</table></a></div>
</div>
<div id="navegacion">
<font face="arial" size=2><ul>
<div id="contenido">
<font face="arial unicode ms" size="-1"><h1>Bienvenidos a azulejos</h1>
</p>
Bienvenidos todos y todas a TrucosDecor-Salu. Aqui encontrareis información sobre todo lo
relacionado con la pintura y albañilería de un hogar dentro de los campos: Paredes y Techos,
Azulejos para baños, cocinas y exterior, y sobre todo tipo de Suelos.</p>
</p>
En la sección Fotos podeis ver fotos tanto de otras páginas como de otros usuarios
de esta Web. Si deseas insertar una foto no dudes en enviárnosla por e-mail en la sección
[correo eliminado]</p>
</p>
Para cualquier duda o consulta no dudes en entar a nuestro Foro</p>
</p>
Si encuentras algún error en la página envíanos un [correo eliminado] e intentaremos solucionarlo
lo antes posible, asi como si ves algún contenido tanto en la Web como en el <a href="http://boards5.melodysoft.com/app?ID=forotrucosdecor">
Foro</a> fuera de
contexto.
</p>
Te agradecemos la visita y esperamos verte a menudo. Gracias.
</font></div id>
<div id="pie">
<div id="pieuno"><ul>
<div id="piedos">[contenido no disponible]</a></div>
<div id="pietres"><ul>
<div id="curva-inferior"></div>
</div id>
<script language="javascript" src="../definir-menus.txt" type="text/javascript"></script>
</body>
</html>
Ya me ha costado que enlace, y ahora esto, me estoy volviendo loooocooo. Si me pueden ayudar se lo agradecería.
PD: No se rían de la página que espero que al final quede bien, jejeje.
Un saludo.