problema con menu laterarl

malboro45 · 8 Mar 2009, 12:45 · Solicitar retirada

Primero que nada, agradecer a cctw por su esfuerzo en enseñarnos, ya tengo mi primera pagina creada, http://pilotabenidolech.atwebpages.com
agradeceria algun consejillo para mejorarla.
tengo dos problemas,, el menu lateral y no encuentro donde conseguir que los enlaces se abran en una pagina diferente, aca les dejo mi html y css.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

<title>Club de pilota de Benidoleig</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<bgsound src="objetos/musica.mid" loop="infinite" />
<META content="club de pelota benidoleig, marina alta, palma " name="description">
<META content="benidoleig, pilotavalencian,palma,marina alta" name="keywords">
<META content="all" name="robots">
<LINK rel="shortcut icon" href="favicon.ico">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">PILOTA BENIDOLEIG </div>
</div>

<div id="navegacion">
<ul>

inicio

resultados

videos

Seccion 4

Seccion 5

Seccion 6

Seccion 7

</div>

<div id="contenido">

<script language="javascript">
var digit="web1";
var page="e044eb3def0d18300ee15ecf98802038";
var ide="1233652402";
</script>
<script language="javascript" src="http://www.contadorgratis.com/hit.js"></script>

<font size=1></font>

<texto>

<div id="menu">
<h1>SPONSORS</h1>

<ul>

AYUNTAMIENTO

<name="externa">construcciones J.MENGUAL

Ropa tallas grandes YANIBEL

VICTOR SEGUI al ferrer

calendario 2009[contenido no disponible][contenido no disponible]

[contenido no disponible]</div>

<div id="menud">
<h1>WEB PILOTA</h1>
<ul>

[contenido no disponible][contenido no disponible][contenido no disponible]
</div>

<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://i251.photobucket.com/albums/gg294/wafpaf/clocks/swf/digitald…" quality="high" width="200" height="80" swliveconnect="true" allowscriptaccess="samedomain" /></a>
<div id="TT_S6o7Z61KBFsd1S4m2Z7"><h2></h2></div>
<script type="text/javascript" src="http://www.tutiempo.net/TTapi/S6o7Z61KBFsd1S4m2Z7"></script

[contenido no disponible]</p>

</p>
<h2></h2>

[contenido no disponible][contenido no disponible]</p>
[contenido no disponible]
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col"> E´MAIL </th>
<th scope="col">[contenido no disponible]</th>
<th scope="col">[correo eliminado]</th>
</tr>
</table>
[contenido no disponible]
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col">PRESIDENTE</th>
<th scope="col">JUAN</th>
<th scope="col"> MENGUAL</th>
</tr>
</table>
[contenido no disponible]
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col">TELEFONO </th>
<th scope="col">[contenido no disponible]</th>
<th scope="col">626206540</th>
</tr>
</table>
[contenido no disponible]
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col">SEDE</th>
<th scope="col">Avd.</th>
<th scope="col"> Orba,5</th>
</tr>
</table>
[contenido no disponible]
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th clas="col"></th>
<th clas="col"><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?f=q&source=s_q&hl=es&geocode…"></iframe>
CARRER SANTA BARBARA</a></th>
<th clas="col"></th>
</tr>
</table>
[contenido no disponible]

<script language="JavaScript1.1">
var specifyimage=new Array() //Your images
specifyimage[0]="objetos/foto1.jpg"
specifyimage[1]="objetos/foto2.jpg"
specifyimage[2]="objetos/foto3.jpg"
specifyimage[3]="objetos/foto4.jpg"
specifyimage[4]="objetos/foto5.jpg"
specifyimage[5]="objetos/foto6.jpg"
specifyimage[6]="objetos/foto7.jpg"
specifyimage[7]="objetos/foto8.jpg"
var delay=3000 //8 seconds

//Counter for array
var count =1;

var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage=new Image()
cubeimage.src=specifyimage
}

function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage.src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}

window.onload=new Function("setTimeout('movecube()',delay)")
</script>
[contenido no disponible]

web creada por pepecorreu</p><h1>[correo eliminado]</h1>
<div id="curva-inferior"></div>
</div>
</body>
</html>

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
a {color: black; font-size:1.3em ; text-decoration: underline}
p {font-family:arial;color:black;font-size:16;text-align:center}
p1 {font-family:algerian;color:black;font-size:16;text-align:right}
ol{font-family:arial ;color:black;font-size:16;text-align:right}
h1 {font-family: arial; font-size: 18px; color:blue; font-weight: bold ; text-decoration: none ;
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {font-family:arial;color:black;font-size:16;text-align:center}
p1 {font-family:algerian;color:black;font-size:16;text-align:right}
ol{font-family:arial ;color:black;font-size:16;text-align:right}
h1 {font-family: arial; font-size: 18px; color:blue; font-weight: bold ; text-decoration: none ;
text-align: center}
h2 {font-family:algerian;font-size: 60px; color:royalblue ; font-weight: bold ; text-decoration: none ;
text-align: center;border-bottom:60px}
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: lightCyan; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:100px ; float:left }
#publicidad {background-color:lightCyan; color: blue; font-family: algerian; width:250px ; float:center ; margin-top:0px ; font-size: 50px }
#navegacion {color: black; font-family:calibri;font-size:15px;background-color: lavender; border: black 1px solid ; height:10px}
#navegacion li {color: black; font-family:calibri;font-size:15px;float:left ; list-style:none ; margin: 0px 10px 0px 20px }
#navegacion ul {color: black; font-family:calibri;font-size:15px ;margin-left: 60px }
#contenido {background-color: #F0F8FF; border-left: black 1px solid ;border-right: black 1px solid ;border-top:1px solid}
#fotos
#texto {font-family:algerian;width:280;background-color:yellow;float:right}
#menu {width:150px;float:left;text-align:left;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferio.gif.gif);background-position:justify;padding-bottom:5px;font-family:calibri;color:#000000}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu lu {width:150px;float:left;text-align:left;margin:3px 10px 3px 3px;background-image: url(objetos/menu-parte-superior.gif.gif) ;background-position:justify;padding-bottom:5px;font-family:calibri;color:#000000}
#menu h1 {text-align: center;text-decoration:none ; font-size:16px ; padding-top:12px padding-top:12px ; }
#menud {width:150px;float:right;text-align:left;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferio.gif.gif);background-position:justify;padding-bottom:5px;font-family:calibri;color:#000000}
#menud li {list-style:none ; margin: 4px 0px 4px 6px }
#menu lu {width:150px;float:left;text-align:left;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferio.gif.gif);background-position:justify;padding-bottom:5px;font-family:calibri;color:#000000}
#menud h1 {font-family:arial ;text-align: center;text-decoration:none ; font-size:12px ; padding-top:12px ;background-image: url(objetos/menu-parte-superior.gif.gif) }
#fotos {width:400; height: 400px; background-color:none ;float:right}
td { background-color: ; width: 150px ; text-align:left;font-family:calibri;color:black;font-size:16px;background-position:justify;}
td.a1{ background-color: ; width: 150px ; text-align:left;font-family:calibri;color:black;background-position:justify;}
td.a2{ background-color: ;width:150px;text-align:center;background-position:calibri;font-family:arial;color:black}
td.a3{ background-color:; width: 150px ; text-align:feft;font-family:calibri;color:black;background-position:justify;}
td.a4{ background-color: ;width:150px;text-align:center;background-position:justify;font-family:arial;color:black}

td.b1{ background-color: #OEBEBA ; width: 50px ;font-weight:bold;text-align:left; }
td.b2{ background-color: #87CEFA ;font-weight:bold;color:#3300FF; text-align:left;background-position:bottom;}
td.b3{ background-color: #OEBEBA ; width: 50px ;text-align:left; }

td.c1{ background-color: yellow ; width: 150px ; font-weight:bold;text-align:left;background-position:bottom;}
td.c2{ background-color: #F6DA98 ;text-align:left; }

td.d1{ background-color: #OEBEBA ; width: 50px ; text-align:center;}
td.d2{ background-color: #OEBEBA ; font-weight:bold;text-align:center;}
td.d3{ background-color: #FFA500; width: 150px ;text-align:center; font-family:arial}

td.e1{ background-color: #87CEFA ;font-weight:bold ;width: 150px ; text-align:center;}
td.e2{ background-color: white ; font-weight:bold; text-align:center;}
td.e3{ background-color: white; width: 150px ; text-align:center;}
th.f1{background-color:#87CEFA;width:50px;text-align:left;}
th.f2{background-color:white;width:20px;text-align:left; color:blue;font-family: arial ; ; font-size: 20px }
th {background-color:;width:50px;text-align:left;color:black;font-family:arial ;font-size:20px}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width:150px;float:left;text-align:left;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferio.gif.gif);background-position:bottom;padding-bottom:5px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;background-image: url(objetos/menu-parte-superior.gif.gif) }
#menud {width:150px;float:right;text-align:center;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferio.gif.gif);background-position:bottom;padding-bottom:5px}
#menud li {list-style:none ; margin: 4px 0px 4px 6px }
#menud h1 {text-align: center;text-decoration:none ; font-size:12px ; padding-top:12px ;background-image: url(objetos/menu-parte-superior.gif.gif) }
#pie {background-color:white; border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 20px }
#pie li {list-style:none;font-size:12px}
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px ;}
#pietres {float:right ; width:150px }

a {color:black ; text-decoration:underline; display: block }
a:link {}
a:visited {}
a:hover {color:blue ; text-decoration:underline ; background-color: silver}
a:active {color:pink}
#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 {}

Raulyure · 8 Mar 2009, 12:56 · Solicitar retirada

Hola:

En lo referente a que los enlaces abran en páginas diferentes, si mal no recuerdo, en el curso, cuando uno crea el index muestra lo que hay que poner para que se abran en otra ventana

¿Recuerda donde dice "Página creada gracias a CCTW"?

Pues en los códigos hay un código que dice target="_blank">

Lo demás parece requiere más tiempo

Saludos

malboro45 · 8 Mar 2009, 13:25 · Solicitar retirada

gracias por tu respuesta, ya encontre la solucion para abrir los enlaces en otra pagina
gracias de nuevo