segundo menu navegacion

Copirally · 20 Mar 2011, 15:31 · Solicitar retirada

hola de nuevo. soy del pais vasco y mi pagina va a ser bilingüe. he creado dos menus ul y ul2 (nose si esta bien, para ponerle distintas propiedades como el margen. El problema que tengo es que al darle al español (boton de la bandera española) la ikurriña me sale en otra fila y he intentado quitarle margenes y nose porque no cambia nada. alguien me podria ayudar?

http://wolowolo.sportsontheweb.net/index.html

Estos son los codigos

<!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>Maitti Racing Elkartea</title>
<link rel="stylesheet" href="estilo-general.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="cabecera">
<div id="logotipo"><a href="index-e.html"><img src="objetos/dibujo.gif" width="400" height="200"
alt="Hemen klik egin hasierara itzultzeko"></a></div>
</div>
<div id="curva-superior"></div>
<div id="navegacion">
<ul2><li><a title="Información sobre la asociación" href="index-e.html">Maitti Racing Elkartea</a></li><li><a title="Eventos organizados por Maitti Racing" href="ekitaldiak-e/ekitaldiak-e.html">Eventos</a></li><li><a id="desplegable6" href="babesleak-e/babesleak-e.html">Patrocinadores</a></li><li><a id="desplegable4" href="multimedia-e/multimedia-e.html">Multimedia</a></li><li><a id="desplegable5" href="maitti-racing-e/maitti-racing-e.html">Equipo de rallys Maitti Racing</a></li><li><a href="index.html"><img alt="Euskara" src="objetos/ikurrina.gif" height="17" width="25" /></a></li></ul2>
</div>


#navegacion ul { margin-left: 20px }
#navegacion ul2 { margin-left: 10px }

y estas las navegaciones.

luis armando · 21 Mar 2011, 05:26 · Solicitar retirada

he visto tu pagina en estos 2 navegadores y se ve bien en ambos . . .

al darle click en las banderas no se deforma el menu ni nada . . .

solo que al querer cambiar de idioma, simplemente no hace nada , espero que hallas creado tus hojas con su respectivo idioma.

el unico de talle que veo es que el logotipo en internet explorer se ve centrado y en chrome esta alineado a la izquierda

ahora . . .

<ul2> esto no es asi . . . , por que la etiqueta de "ul" no es para nombrar un div y darle propiedades en css ,
al menos que crees un div con ese nombre, por ejemplo . . . :

codigo html :
<div id="ul2">el contenido del div</div>
codigo .css :
#ul2 {propiedades del div}

saludos

luis armando · 21 Mar 2011, 05:27 · Solicitar retirada

he visto tu pagina en estos 2 navegadores y se ve bien en ambos . . .

al darle click en las banderas no se deforma el menu ni nada . . .

solo que al querer cambiar de idioma, simplemente no hace nada , espero que hallas creado tus hojas con su respectivo idioma.

el unico de talle que veo es que el logotipo en internet explorer se ve centrado y en chrome esta alineado a la izquierda

ahora . . .

<ul2> esto no es asi . . . , por que la etiqueta de "ul" no es para nombrar un div y darle propiedades en css ,
al menos que crees un div con ese nombre, por ejemplo . . . :

codigo html :
<div id="ul2">el contenido del div</div>
codigo .css :
#ul2 {propiedades del div}

saludos

Copirally · 21 Mar 2011, 08:50 · Solicitar retirada

no me queda muy claro como acer lo del ul2 lo he cambiado pero la barra de navegación me sale deformada. como puedo hacer para centrar el logo en todos los navegadores?

luis armando · 22 Mar 2011, 03:03 · Solicitar retirada

pues para centar el menu .... cambia la propiedad de " float:center " por " float:right" y le das un "margin-right:200px" aproximadamente ..... de esa manera el logotipo quedara centrado en todos los navegadores . . .pero lo de 200px es solo una idea mia he, ve tanteando con distintas cantidades para centrarlo

ha, y lo de "ul2" . . . , sigo sin entenderlo, explicame como si fuera un niño de 4 años, que es lo que quieres hacer

Copirally · 22 Mar 2011, 09:03 · Solicitar retirada

jejeje. aber igual me explico mal yo. jajaja. quiero tener dos menus con distintas propiedades porque las cosas en un idioma ocupan un sitio determinado y en otro idioma otro. Asi podre jugar con los margenes a mi antojo para centrar los dos menus. Ahora como solo se poner los margenes en ul (mi primer menu) pues nose como hacer un segundo menu. nose como explicarlo.

Copirally · 22 Mar 2011, 09:16 · Solicitar retirada

he seguido los pasos que me has dado para el logo y aora se me a descuadrado todo en mozilla jejeje. que liada. nose que hago mal

luis armando · 23 Mar 2011, 04:43 · Solicitar retirada

pues yo en firefox veo bien tu pagina y en chrome tambien , valla y tambien en IE8 ya se ve centrado el logotipo , ya veo que agregaste el menu desplegable y funciona bien . . .
felicidades .... ahora solo falta que le vallas dandon una mejor imagen y que le agregues mas contenido
suerte

luis armando · 23 Mar 2011, 04:55 · Solicitar retirada

ok, ahora si ya entendi

pero la unica solucion es que tengas que cambiar el tañano de letra de un idioma al otro ya que de lo contrario seguiran alterandose los tamaños . . . eso es normal cuando cambiamos de idioma una pagina

pero se supone que hiciste una hoja con un idioma y otra con otro idioma no?

entonces al cambiar de idioma y se agrandan los links , tienes que corregir el tamaño de la fuente en css, y tienes que agregarle a los divs un nuevo nombre ...
por ejemplo.... si un div se llama " <div id="menu">aqui tus links del menu</div> suponiendo que este div este en idioma español , ok? ... entonces en la hoja de idioma euzkara ... pordria ser asi " <div id="menu-euzkara">aqui tus links del menu-euzkara</div>

si me explico?

y en la hoja de css:
#menu {sus propiedades}
#menu-euzkara {sus propiedades+font-size:x}
eso ya va a depender del tamaño de la fuente que haga crecer una celda al momento de cambiar de idioma ok

luis armando · 23 Mar 2011, 05:20 · Solicitar retirada

ok, ahora si ya entendi

pero la unica solucion es que tengas que cambiar el tañano de letra de un idioma al otro ya que de lo contrario seguiran alterandose los tamaños . . . eso es normal cuando cambiamos de idioma una pagina

pero se supone que hiciste una hoja con un idioma y otra con otro idioma no?

entonces al cambiar de idioma y se agrandan los links , tienes que corregir el tamaño de la fuente en css, y tienes que agregarle a los divs un nuevo nombre ...
por ejemplo.... si un div se llama " <div id="navegacion">aqui tus links del menu</div> suponiendo que este div este en idioma español , ok? ... entonces en la hoja de idioma euzkara ... pordria ser asi " <div id="navegacion-euzkara">aqui tus links del menu-euzkara</div>

si me explico?

y en la hoja de css:
#navegacion {sus propiedades}
#navegacion-euzkara {sus propiedades+font-size: x}
eso ya va a depender del tamaño de la fuente que haga crecer una celda al momento de cambiar de idioma ok

y sabes algo .... ?
asi como ves tu pagina en firefox , asi se ve en chrome, opera y safari
y en internet explorer se ve exactamente igual como la ves en el html-kit

yo tengo esos 5 navegadores en mi pc y por supuesto mi web como pagina de inicio asi que cuando hago cambos checo primero IE8 y chrome.

y otra cosa tal ves.... ( prueba haber si funciona ) en el codigo de estilos .css en el codigo de

#navegacion li {sus propiedades ....}
agregues esta propiedad :
#navegacion li {width:100px}

esto ara que cada elemento de la barra de navegacion mida 100px , entonces, si tienes 6 elementos incluiyendo la bandera ....quiero imaginar y creer que al momento de que cambies de idioma ya no se alteriaria o al menos que el texto sea mas grande que esos 100px . . . y talves tengas que cambiar la propiedad de " float:left a center " ( te recomiendo que antes de eso hagas una copia de tus codigos ... tanto de html como .css y los guardes en word por si algo falla ya tienes un respaldo de tu informacion no? o ve dejando notas en las hojas )

como hacer notas en html . . . : 
como hacer notas en .css . . . : /* notas */

intentalo

Copirally · 23 Mar 2011, 09:33 · Solicitar retirada

MUchas gracias luis armando cuando tenga un ratillo lo hago y te comento

Copirally · 23 Mar 2011, 10:11 · Solicitar retirada

pero en vez de cambiar la navegacion no deberia cambiar navegacion li o navegacion ul??? porque yo leo las propiedades de navegacion y quiero que esten igual. cambiando como tu dices como quedaria la hoja asi??
#navegacion euskara {
#navegacion euskara li {
#navegacion euskara ul {

Yaneth · 23 Mar 2011, 16:40 · Solicitar retirada

yo lo que haria es crear otro estilo en css

tienes
<div id="navegacion"> este en un idioma con su respectivo css #navegacion {} #navegacion li {} #navegacion ul{}

pues yo en el otro idioma pondria
<div id="navegacion2> con su respectivo css #navegacion2 {} #navegacion2 ul{} #navegacion2 li{}

cabe aclarar que ambas propiedades en css, pueden estar en una sola hoja de estilos,

saludos y no olvides votar por cctw, en mi firma está el enlace

Copirally · 23 Mar 2011, 19:20 · Solicitar retirada

muchas gracias yaneth! jejeje hoy a la mañana me puesto a intentar cosas y he llegado a esa conclusion jejeje.