asi queda:
cuando deberia ser asi:
El código CSS:
Código C++ :
/*logo*/
#logo h1 {float:left; padding:5px 0 0 5px; }
#logo .top {display:inline; float:right; margin:26px 0 0 0; }
#logo .top .time {float:left; margin:3px 10px 0 0; padding:0 10px 0 0; background:url(common/bar01.gif) right 2px no-repeat; font-size:11px; color:#bababa; }
#logo .top .time strong {padding:0 3px 0 10px; font-size:11px; color:#fff; }
#logo .top .time img {margin:0 4px 0 0; }
#logo .top .top_language {position:relative; float:left; }
#logo .top .top_language p.txt {float:left; padding:3px 9px 0 0; font-size:11px; color:#bababa; }
/*select language*/
a.select_language {display:block; float:left;width:74px; height:18px; padding:3px 0 0 11px; background:url(common/bg_select.gif) no-repeat; cursor:pointer; text-decoration:none !important; }
a.select_language span {font-weight:bold; font-size:11px; color:#fff; }
ul.lang_list {position:absolute; top:11px; right:0; width:43px; border:1px solid #242323; background:#fff; }
ul.lang_list li a {display:block; height:13px; padding:3px 0px 4px 9px; font-size:11px; color:#514f4d; text-decoration:none; }
ul.lang_list li a:hover {background:#e8e8e4 url(common/arw02.gif) 618px 7px no-repeat; }
ul.lang_list li a.last {padding-bottom:6px; }El código HTML es:
Código HTML :
<div id="languaje">
<div class="top_language"><a href="javascript:toggleLangSel()" class="select_language">
<span id="curSelectedLang">Español</span></a>
<ul id="langSel" class="lang_list" style="display:none;">
<li><a href="#" onClick="clickcr(this,'hdr.lang','english','1',event); $j('#curSelectedLang').text('English'); setLangCodeNReload('en','HEADER'); return false;">English</a></li>
<li><a href="#" onClick="clickcr(this,'hdr.lang','german','3',event); $j('#curSelectedLang').text('Deutsch'); setLangCodeNReload('de','HEADER'); return false;">Deutsch</a></li>
</ul>
</div>
</div>mi pagina es la siguiente:
Veta Games
