Установить фиксированые размер модуля.

« : 13.11.2010, 15:40:43 »

Привет всем.

Использую шаблон tx-gravity.

Установил слайдшоу в позицию модуля top1, а календарь jcalpro в top4.

Проблема заключается в том, что слайдшоу "налазит" на календарь и сливается. Я хочу поставить слайдшоу на 600px в левой стороне, а календарь в 300px в правой. Чтобы все было аккуратно.
Залез в CSS, а там так накручено что я окончательно запутался.
Прошу помощи.

Uploaded with ImageShack.us

slideshow

Цитировать

<div id="tx-top">
   <div class="tx-grid-6 tx-alpha">
   <div class= "tx-block ">
   <div class="module-encloser">

   <div class="mod-content-encloser">
   <div class="module-content">


<div id="fpss-outer-container">
   <div id="fpss-container">
   <div id="fpss-slider">
   <div id="slide-loading"></div>
   <div id="slide-wrapper">
   <div id="slide-outer">

   <div class="slide">
      <div class="slide-inner">
         <a href="javascript:void(0);" class="fpss_img">
            <span>

calendar

Цитировать

<div class="tx-grid-6 tx-omega">
   <div class= "tx-block ">
   <div class="module-encloser">

   <div class="mod-content-encloser">
   <div class="module-content">
   <table align="right"><tr valign="top"><td><table class="mod_minical_table" align="right">
<tr><th colspan="7">November 2010</th></tr><tr><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th><th>S</th></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr><tr><td>8</td><td>9</td><td>10</td><td id="mod_minical_today"><strong>11</strong></td><td>12</td><td>13</td><td>14</td></tr><tr><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td></tr><tr><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td></tr><tr><td>29</td><td>30</td><td colspan="5"> </td></tr></table>
</td></tr></table>
   </div> 
   <div class="clear"></div>
   </div>

и в наличии целая папка CSS файлов.

grid.css

Цитировать

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.tx-grid-1, .tx-grid-2, .tx-grid-3, .tx-grid-4, .tx-grid-5, .tx-grid-6, .tx-grid-7, .tx-grid-8,.tx-grid-9, .tx-grid-10, .tx-grid-11, .tx-grid-12
{
   display:inline;
   position: relative;
   float:left;
   margin-left: 10px;
   margin-right: 10px;
}

/* Grid
----------------------------------------------------------------------------------------------------*/
.tx-container .tx-grid-1 {width:60px;}
.tx-container .tx-grid-2 {width:140px;}
.tx-container .tx-grid-3 {width:220px;}
.tx-container .tx-grid-4 {width:300px;}
.tx-container .tx-grid-5 {width:380px;}
.tx-container .tx-grid-6 {width:460px;}
.tx-container .tx-grid-7 {width:540px;}
.tx-container .tx-grid-8 {width:620px;}
.tx-container .tx-grid-9 {width:700px;}
.tx-container .tx-grid-10 {width:780px;}
.tx-container .tx-grid-11 {width:860px;}
.tx-container .tx-grid-12 {width:940px;}

template.css

Цитировать

* Top Style
-----------------------------------------------*/
#tx-top{
   padding-left: 0;
}
#tx-top .tx-block { padding: 0;}
#tx-tabs .nav li a.current:hover { background-color: none !important;}

/* Feature Style
-----------------------------------------------*/
#tx-feature{

}

/* Main Content top and bottom
----------------------------------------------*/

#tx-content-top{

}
#tx-content-top .tx-alpha,#tx-content-bottom .tx-alpha{
   }
#tx-content-top .tx-omega,#tx-content-bottom .tx-omega{
   margin-right: 0px;
}
#tx-content-bottom{
   margin-top: 10px;
   margin-bottom: 10px;
}

style2.css

Цитировать

/* Top style
----------------------------------------------------------------*/
#tx-top{
   background: #570518;
   color: #fff;
}
#tx-top .tx-block{
   background: none;

}

#tx-top .module-encloser{
   padding: 0px ;
}

Записан

Symbios

Захожу иногда
53
3 / 0

Re: Установить фиксированые размер модуля.

« Ответ #1 : 13.11.2010, 19:40:28 »

общая ширина складывается из этих дивов:
<div class="tx-grid-6 tx-alpha"> и <div class="tx-grid-6 tx-omega">...
это CSS фреймворк gs960,
тебе достаточно поправить tx-grid-6, например сделать в первом случае tx-grid-8 и tx-grid-4 во втором, общая сумма должна получаться обязательно 12

Записан

Re: Установить фиксированые размер модуля.

« Ответ #2 : 14.11.2010, 10:20:55 »

спасибо, а где это править ? в Index.html все время сбрасывается обратно.

Записан

Symbios

Захожу иногда
53
3 / 0

Re: Установить фиксированые размер модуля.

« Ответ #3 : 14.11.2010, 21:55:50 »

в index.php своего шаблона

Записан

CSS для позиции модуля Автор tierex	Ответов: 3 Просмотров: 3504	26.05.2023, 11:06:00 от tierex
Позиционирование модуля Автор Frost_	Ответов: 4 Просмотров: 3807	25.01.2023, 11:36:57 от Frost_
Можно ли прописать в scss ссылку и установить картинку? Автор vova630	Ответов: 0 Просмотров: 1241	02.01.2021, 13:56:09 от vova630
Размер шрифта в iframe Автор AlexB	Ответов: 6 Просмотров: 2116	10.03.2020, 16:07:44 от AlexB
Настройка вывода модуля погоды SP Weather Автор IvanIvanch	Ответов: 2 Просмотров: 2223	31.10.2018, 23:19:28 от IvanIvanch

Установить фиксированые размер модуля. - Вопросы по CSS

Новости Joomla

‼️ 👩‍💻 Обновление безопасности для Tassos Framework!

👩‍💻 Joomla включена в программу Google Summer of Code 2026.

Вышли релизы Joomla 6.0.3 и Joomla 5.4.3

Установить фиксированые размер модуля.

Symbios

Re: Установить фиксированые размер модуля.

Re: Установить фиксированые размер модуля.

Symbios

Re: Установить фиксированые размер модуля.

Похожие темы