Исправить позицию.

[wolf34]

Здравствуйте.
В одну позицию помещены 3 модуля, но они накладываются один на другой, в итоге виден один.
Как их выравнить в строчку через стили, с интервалом пусть в 5px?
Вот что я пробовал
width:90%;
height:20px;
text-align:left;
float:left;
position: inherit;
left: 5px;

[wolf34]

Или это через дивы редактировать?

[sharp]

padding-top

[wolf34]

При чем здесь отступ сверху?

[dynamit]

каждый модуль в див. position:relative; float:left; margin-left:5px; width: ; height:20px;

[wolf34]

Спасибо, улучшил карму.

[wolf34]

Прописывать в стилях нужно?
Напишите пожалуйста код для дива, стили я сам прикручу.

Спасибо за помощь.

[dynamit]

ну, конечно можете объединить

Код

#mod1, #mod2, #mod3 {
position:relative; float:left; margin-left:5px; width: ; height:20px
}

в index

Код

<div>
<div id="mod1">...</div>
<div id="mod2">...</div>
<div id="mod3">...</div>
</div>

[wolf34]

Спасибо dynamit
Большое спасибо.

[wolf34]

Не получается у меня.
Вот сайт, в верху на секунду появляется меню, но исчезает.
http://baybiz.ru
Вот див
<div id="mod1">GTranslate</div>
<div id="mod2">"Camp26 Automatic SlideMenu"</div>
стили
#mod1{
position:relative;
float:left;
margin-left:5px;
width:100px;
height:25px;
}
#mod2 {
position:relative;
float:center;
margin-left:5px;
width:100px;
height:25px;
}                     Скажите, что не так?

[dynamit]

чего-то я их там не нашел. где вы их прописали?

[wolf34]

Пробовал
template_css.css
layout.css
red.css

[dynamit]

в index я имею ввиду

[wolf34]

код из index.php
<div id="topmen"><div id="topin"><jdoc:include type="modules" name="cpanel" style="raw" /></div></div><?php } ?>
<?php if ($this->countModules('toolbar')) { ?>

</div>
<div id="mod1">GTranslate</div>
<div id="mod2">"Camp26 Automatic SlideMenu"</div>

<div id="searchbox"><div id="searchboxin"><jdoc:include type="modules" name="toolbar" style="raw" /></div></div><?php } ?>
</div>
 Может название модулей нужно прописывать так:
<div id="mod2">"mod_automatic_slidemenu_camp26"</div> или иначе?

[dynamit]

1. надо установить основной (родительский) див для модулей. прописать нужные стили ему. и уже в него вставлять ваши новые.
2. модули в шаблон вставляют так - <jdoc:include type="modules" name="top1"/>  name - это позиция, выбираемая в админке при редактировании модуля. все позиции должны быть прописаны в templateDetails.xml вашего шаблона.

примерно так:

Код

<div id="modtop">
<div id="mod1"><jdoc:include type="modules" name="top1" /></div>
<div id="mod2"><jdoc:include type="modules" name="top2" /></div>
</div>
 

[wolf34]

Подскажите как вывести позиции в линию, то есть разместить их в строчку.
#mod1{
position:relative;
float:right;
margin-left:30%;
width:200px;
height:35px;
}
#mod2 {
position:relative;
float:center;
margin-left:61%;
width:200px;
height:100px;
}   

[wolf34]

Помогите пожалуйста.

[sharp]

#mod1 {
position:relative;
float:left;
width:50%;
height:35px;
}
#mod2 {
position:relative;
float:left;
width:50%;
height:100px;
}   

[sharp]

CSS

Код:

.container {
overflow: auto;
}
.mod1 {
width: 40%;
float: left;
}

.mod2 {
width: 40%;
float: left;
}

html

Код:

<div class="container">
<div class="mod1">

</div>
<div class="mod2">

</div>
</div>