Hola! Estoy teniendo problemas para colocar a la misma altura y a la derecha 2 elementos web. La url es
http://negre.es/tienda/
los elementos que me dan problemas son el selector de idiomas y el selector de tienda/studio.
Cuando activo el selector de idiomas, el ancho del web se descoloca y el selector de tienda/studio no se mantiene a la derecha.
¿Cuál es el problema?
Código html:
Código:
<body <?php echo $bodyclass; ?>>
<div id="frame">
<div id="container">
<div class="idiomas"><jdoc:include type="modules" name="languages" /></div>
<div class="pad_container">
<div id="top">
<div id="top-left">
<?php
$ts_logotype = $this->params->get('ts_logo_type');
$ts_sitename = $this->params->get('ts_site_name');
$ts_tagline = $this->params->get('ts_tagline');
$ts_searchposition = $this->params->get('ts_search_position');
if ($ts_logo == "") {
$ts_logo = $ts_path . "/images/logo.png";
}
$ts_sitename = ($templateparams->get('ts_site_name')) ? $templateparams->get('ts_site_name') : $jConfig->sitename;
?>
<?php if ($ts_logotype == 'textlogo') { ?>
<div id="logo">
<h1><a href="<?php echo $this->baseurl; ?>/"><?php echo $ts_sitename; ?></a></h1>
<?php if ($ts_tagline != "") { ?><span class="desc"><?php echo $ts_tagline; ?></span><?php } ?>
</div><!-- end #logo -->
<?php } else { ?>
<div id="logoimg" style="margin-top: 18px;">
<a href="<?php echo $this->baseurl; ?>/"><img width="277" src="<?php echo $ts_logo ?>" alt="" /></a>
</div>
<?php } ?>
</div><!-- end #top-left -->
<div id="selector"><span class="current">TIENDA</span> | <span><a href="../studio">STUDIO</a></span>
</div>
</div><!-- end #top -->
<!--<div style="clear:both"></div>-->
<div id="top-navigation">
<?php if ($this->countModules('navigation')) { ?>
<jdoc:include type="modules" name="navigation" />
<?php } ?>
</div><!-- end #top-navigation -->
Código css:
Código:
#selector { float:right;margin-top:30px;}
Código:
.idiomas{
float:right;
margin:0;
padding:0;}