Hola otra vez. Mirad, quiero poner un menu vertical a la izquierda y otro a la derecha. Lo he hecho poniendo el código que he visto en preguntas frencuentes, sin embargo no consigo ponerlo a la derecha. En ese menú voy a poner un reloj, el contacto y un libro de visitas (si descubro como, claro :oops: ) el caso es que ya tengo el reloj, pero no lo puedo poner a la derecha, se me queda encima del menu izquierdo.
este es el estilo:
*{ text-indent:0px;margin:0px;padding:0px;border:0px}
p {text-align: justify; font-family:lucida handwriting}
h1{font-size: 1.3em; font-weight: bold ; text-align:left;font-family: lucida handwriting}
h1 {color:blue;text-decoration: underline}
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:#E0FFFF; border-left: 1px solid black; border-right:1px solid black; height:85px }
#logotipo {width:280 px; float:left;}
#nombredepagina {margin-top:50px}
#publicidad {width:518px; float:right; }
#contenido {background-color:#E0FFFF;margin-top:50px}
#contenido p {padding:5px 10px 5px 10px; text-indent: 15px}
#firma{text-align:right}
#menu {width: 150px ; float:left ;
text-align:center ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);background-repeat:no repeat; background-position: bottom }
#menu h1 {text-decoration:none ; color:blue;text-align:center; font-size:15px;background-image: url(objetos/menu-parte-superior.gif);}
#menu li {color:blue; list-style:none; margin:4px,8px,4px,6px;font-family: lucida handwriting;font-size:14px}
#menuderecho {float:right}
#pie {background-color: white;;border-top:1px solid black;height:65px }
#pie li {list-style:none; font-size:12px;}
#pieuno { float:left; width:150px;}
#piedos { float:left;width: 498px;}
#pietres {float:left; width:150px;}
#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
#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 {}
Esta la 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>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="nombredepagina">[contenido no disponible]
<div id="logotipo">
</div>
<div id="publicidad"></div>
</div>
<div id="contenido">
</div>
<div id="menuderecho">
<table border="0"><tr><td><embed style="" src="http://www.crearunaweb.net/complementos/reloj10.swf" wmode="transparent" type="application/x-shockwave-flash" height="100" width="100"><param name=wmode value=transparent /></embed></a></td></tr><tr><td align="center">
</div>
<div id="menu">
<h1>Menú</h1>
<ul>Nosotros Noticias MachosHembrasCamadasBreves de SaludStandarCalendario de exposicionesContactoEnlacesRecomendaciones</l>
</div>
<h1>Nosotros</h1>
Hola, bienvenidos a nuestro pequeño rincón. Somos Conchi y Eva, nos conocemos desde la infancia, y, aunque nuestros caminos se separaron hace muchos años, por casualidades de la vida, nos hemos vuelto a encontrar hace unos meses. </p>
Mi andadura por el mundo frenchi comenzó en el año 2008, cuando, tras dos años de intensa búsqueda y no pocos sinsabores, localicé al que para mi es el mejor criador de Bulldog Francés de España: EL MENCEY LOCO.</p>
Asi entró en nuestras vidas URIELLE DEL MENCEY LOCO, una preciosa hembra atigrada con un caracter excepcional, que hizo que nos enamoraramos totalmente de la raza. Tanto es así, que al cabo de un año, llegó a casa FERLANE DEL MENCEY LOCO, (Brandy para los amigos) un maravilloso machito dulce, cariñoso, obediente.....el perro más bueno del mundo.</p>
Respecto a Eva, siempre ha estado rodeada de perros, ya que han sido su gran pasión desde niña, y actualmente tiene en casa a tres preciosos frenchis: OBELIX, MARGARITA Y DUDO, y una viejecita dogo de burdeos: ELBA.</p>
De modo, que tras un feliz reencuentro, hemos decididido unir los conocimientos y experiencia de Eva,(con unas cuantas camadas a sus espaldas) con mis ganas de aprender, y lanzarnos a la gran aventura que supone la crianza, con la inestimable ayuda de Alfonso, a quien desde aquí quiero agradecer, no solo su paciencia, apoyo y amistad incondicional, sino también el reencuentro con Eva, ya que se produjo gracias a él.</p>
Pues nada, os invitamos a daros una vueltecita por nuestra página y si os gusta nos firmais en el libro de visitas, ¿Ok? y ya sabeis, seréis bienvenidos siempre que lo deseeis.</p>
<p id="firma">Conchi y Eva </p>
<div id="pie">
<div id="pieuno">pie uno </div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
<div id="curva-inferior"></div>
</body>
</html>
Y esta la captura de pantalla, que por fin he conseguido ponerla.
[contenido no disponible]
Por cierto, ya que estamos, no tengo coj....a cambiar el color del texto del menú.....Madre!! Quien me mandaría a mi menterme en semejante lio!!!!
este es el estilo:
*{ text-indent:0px;margin:0px;padding:0px;border:0px}
p {text-align: justify; font-family:lucida handwriting}
h1{font-size: 1.3em; font-weight: bold ; text-align:left;font-family: lucida handwriting}
h1 {color:blue;text-decoration: underline}
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:#E0FFFF; border-left: 1px solid black; border-right:1px solid black; height:85px }
#logotipo {width:280 px; float:left;}
#nombredepagina {margin-top:50px}
#publicidad {width:518px; float:right; }
#contenido {background-color:#E0FFFF;margin-top:50px}
#contenido p {padding:5px 10px 5px 10px; text-indent: 15px}
#firma{text-align:right}
#menu {width: 150px ; float:left ;
text-align:center ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);background-repeat:no repeat; background-position: bottom }
#menu h1 {text-decoration:none ; color:blue;text-align:center; font-size:15px;background-image: url(objetos/menu-parte-superior.gif);}
#menu li {color:blue; list-style:none; margin:4px,8px,4px,6px;font-family: lucida handwriting;font-size:14px}
#menuderecho {float:right}
#pie {background-color: white;;border-top:1px solid black;height:65px }
#pie li {list-style:none; font-size:12px;}
#pieuno { float:left; width:150px;}
#piedos { float:left;width: 498px;}
#pietres {float:left; width:150px;}
#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
#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 {}
Esta la 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>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="nombredepagina">[contenido no disponible]
<div id="logotipo">
</div>
<div id="publicidad"></div>
</div>
<div id="contenido">
</div>
<div id="menuderecho">
<table border="0"><tr><td><embed style="" src="http://www.crearunaweb.net/complementos/reloj10.swf" wmode="transparent" type="application/x-shockwave-flash" height="100" width="100"><param name=wmode value=transparent /></embed></a></td></tr><tr><td align="center">
</div>
<div id="menu">
<h1>Menú</h1>
<ul>
</div>
<h1>Nosotros</h1>
Hola, bienvenidos a nuestro pequeño rincón. Somos Conchi y Eva, nos conocemos desde la infancia, y, aunque nuestros caminos se separaron hace muchos años, por casualidades de la vida, nos hemos vuelto a encontrar hace unos meses. </p>
Mi andadura por el mundo frenchi comenzó en el año 2008, cuando, tras dos años de intensa búsqueda y no pocos sinsabores, localicé al que para mi es el mejor criador de Bulldog Francés de España: EL MENCEY LOCO.</p>
Asi entró en nuestras vidas URIELLE DEL MENCEY LOCO, una preciosa hembra atigrada con un caracter excepcional, que hizo que nos enamoraramos totalmente de la raza. Tanto es así, que al cabo de un año, llegó a casa FERLANE DEL MENCEY LOCO, (Brandy para los amigos) un maravilloso machito dulce, cariñoso, obediente.....el perro más bueno del mundo.</p>
Respecto a Eva, siempre ha estado rodeada de perros, ya que han sido su gran pasión desde niña, y actualmente tiene en casa a tres preciosos frenchis: OBELIX, MARGARITA Y DUDO, y una viejecita dogo de burdeos: ELBA.</p>
De modo, que tras un feliz reencuentro, hemos decididido unir los conocimientos y experiencia de Eva,(con unas cuantas camadas a sus espaldas) con mis ganas de aprender, y lanzarnos a la gran aventura que supone la crianza, con la inestimable ayuda de Alfonso, a quien desde aquí quiero agradecer, no solo su paciencia, apoyo y amistad incondicional, sino también el reencuentro con Eva, ya que se produjo gracias a él.</p>
Pues nada, os invitamos a daros una vueltecita por nuestra página y si os gusta nos firmais en el libro de visitas, ¿Ok? y ya sabeis, seréis bienvenidos siempre que lo deseeis.</p>
<p id="firma">Conchi y Eva </p>
<div id="pie">
<div id="pieuno">pie uno </div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
<div id="curva-inferior"></div>
</body>
</html>
Y esta la captura de pantalla, que por fin he conseguido ponerla.
[contenido no disponible]
Por cierto, ya que estamos, no tengo coj....a cambiar el color del texto del menú.....Madre!! Quien me mandaría a mi menterme en semejante lio!!!!