Изменение положения содержимого модуля

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Stani, 07.02.2008.

  1. Offline

    Stani Недавно здесь

    Регистрация:
    04.02.2008
    Сообщения:
    10
    Симпатии:
    0
    Доброго времени суток!
    Шаблон joomlabox0905. Содержимое модулей mod_snx_scroller_datsogallery (то бишь прокручивающиеся картинки) и mod_mostread (текстовые ссылки на наиболее читаемые статьи) прижаты к одному краю. Хотелось бы выровнять их по центру. В таблице стилей нашел только это, влияющее на положение содержимого
    Код (CODE):
    1. table.moduletable td {
    2.    padding: 1px 1px 1px 1px;  
    3. }

    При изменении этих значений содержимое сдвигается за счет обрезки самого содержимого. Насколько я понимаю, где то еще (более глубоко) заданы параметры этих положений.

    Прошу вашей подсказки - ГДЕ и КАК?
    Спасибо.
     
    Последнее редактирование модератором: 16.02.2008
  2.  
  3. Tigress
    Offline

    Tigress Недавно здесь

    Регистрация:
    05.02.2008
    Сообщения:
    12
    Симпатии:
    0
    Ответ: Изменение положения содержимого модуля

    У меня другой вопрос: вот кусок из цсс шаблона vc_slo
    Код (CODE):
    1. table.moduletable {
    2.   width : 100%;
    3. }
    4.  
    5. table.moduletable th {
    6.   font-size        : 11px;
    7.   font-weight      : bold;
    8.   color            : #ffcc00;
    9.   text-align       : center;
    10.   background-image : url('../images/allinlos.jpg');
    11.   width : 100%;
    12. }
    13.  
    14. table.moduletable td {
    15.   font-size: 10px;
    16.   font-weight: normal;
    17. }


    Как сделать так, чтобы содержимое модулей сдвигалось на 8 пикселов от края, а заголовки с бэкграундом остались на месте?
     
    Последнее редактирование модератором: 16.02.2008
  4. ListOn
    Offline

    ListOn Недавно здесь

    Регистрация:
    03.03.2007
    Сообщения:
    115
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Изменение положения содержимого модуля

    Tigress, table.moduletable th - ну это определяет вид заголовков
    table.moduletable td - а это остального содержимого

    Stani, надо использовать не padding, а text-align: center;
     
  5. Offline

    Stani Недавно здесь

    Регистрация:
    04.02.2008
    Сообщения:
    10
    Симпатии:
    0
    Ответ: Изменение положения содержимого модуля

    ListOn, спасибо, что откликнулись. Однако эти средства уже были использованы.
    Дело в том, что если текст в "Популярном" (или картинки в скроловском модуле) пытаться выравнивать, то с ними происходят заданные изменения лишь в той части, где они находятся (они как были прижаты к одному краю, так и остались) - эти изменения не распространяются на всю площаь. А вот, где задано это их положение (прижатость), я не знаю. В css похоже нет и в index.php тоже не нашел.
     
  6. ListOn
    Offline

    ListOn Недавно здесь

    Регистрация:
    03.03.2007
    Сообщения:
    115
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Изменение положения содержимого модуля

    А скриншот можешь выложить? А то я не совсем понимаю, как это выглядит...
     
  7. Offline

    Stani Недавно здесь

    Регистрация:
    04.02.2008
    Сообщения:
    10
    Симпатии:
    0
    Ответ: Изменение положения содержимого модуля

    Фотка экрана во вложенном файле. В левом модуле (популярное) текст прижат к правому краю, а в правом (скрол) прижат к левому краю. Например, начинаешь сдвигать фотки вправо - они начинают обрезаться (уменьшаться по ширине) с правого края.
     

    Вложения:

    • screen.jpg
      screen.jpg
      Размер файла:
      31.5 КБ
      Просмотров:
      30
  8. Cardinal
    Offline

    Cardinal Недавно здесь

    Регистрация:
    19.07.2007
    Сообщения:
    82
    Симпатии:
    1
    Пол:
    Мужской
    Ответ: Изменение положения содержимого модуля

    кусок кода со сгенерированной страницы выложи, где эти модули выводятся, надо смотреть, чего как там, как модуль выводится. По идее, text-align должно хватить, как заметил ListOn :)
     
  9. ListOn
    Offline

    ListOn Недавно здесь

    Регистрация:
    03.03.2007
    Сообщения:
    115
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Изменение положения содержимого модуля

    Есть такое соображение:
    Возможно, не настроена ширина модулей, поэтому и обрезается содержимое, проверь установленную ширину для table.moduletable u table.moduletable td, поиграйся с их настройками и выставленным text-align: center;
     
  10. Offline

    Stani Недавно здесь

    Регистрация:
    04.02.2008
    Сообщения:
    10
    Симпатии:
    0
    Ответ: Изменение положения содержимого модуля

    ListOn и Cardinal, спасибо за участие.
    В нижних окошках коды для "популяроне" и для "скрола" - что было на сгенерированной странице.
    Интересно, что в mostread (популярном) задан класс .mostread
    Но в центральной таблице стилей шаблона такого стиля НЕТ а в паке модулей - только mostread.php никакой таблицы стилей для него больше нет. Если создать в центральной таблице стилей такой стиль и задать text-align: center; то он выравнивается по центру но отступ слева остается. А где может еще задаваться этот класс mostread?

    Что касается этого скрола, то я - пас, так как я все-таки дилетант, знающий некоторые тэги и все. Значения многих я не понимаю и надо честно признаться вряд ли когда-нибудь пойму |H| Где задатся его прижатость к левому краю - ХЗ? В самомо начале правда задан класс modultable - но в таблие стилей этого класса нет. Есть другой - похожий - table.moduletable, но он не устанавливает прижатость к левому краю. Вот он:

    Код (html):
    1. table.moduletable {
    2.         margin: 4px 4px 10px 4px;
    3.         width: 100%;
    4.           color: Black;
    5.           border-top:0px solid #000000;
    6.           border-left: 0px solid #000000;
    7.           border-right: 0px solid #000000;
    8.         border-bottom: 0px solid #000000;
    9. }


    Это "Популярное":
    Код (html):
    1. <table cellpadding="0" cellspacing="0" class="moduletable">
    2.                     <tr>
    3.                 <th valign="top">
    4.                     Популярное                </th>
    5.             </tr>
    6.                     <tr>
    7.             <td>
    8.                 <ul class="mostread">
    9.     <li class="mostread">
    10.         <a href="http://www.krasotainfo.ru/index.php?option=com_content&amp;task=view&amp;id=1&amp;Itemid=1" class="mostread">
    11.             Здравствуйте</a>
    12.     </li>
    13.         <li class="mostread">
    14.         <a href="http://www.krasotainfo.ru/index.php?option=com_content&amp;task=view&amp;id=22&amp;Itemid=56" class="mostread">
    15.              Два шага к безупречной коже</a>
    16.     </li>
    17.         <li class="mostread">
    18.         <a href="http://www.krasotainfo.ru/index.php?option=com_content&amp;task=view&amp;id=28&amp;Itemid=56" class="mostread">
    19.             Как правильно наносить тушь?</a>
    20.     </li>
    21.         <li class="mostread">
    22.         <a href="http://www.krasotainfo.ru/index.php?option=com_content&amp;task=view&amp;id=24&amp;Itemid=56" class="mostread">
    23.             Как правильно выбрать новый запах?</a>
    24.     </li>
    25.         <li class="mostread">
    26.         <a href="http://www.krasotainfo.ru/index.php?option=com_content&amp;task=view&amp;id=27&amp;Itemid=56" class="mostread">
    27.             Три ноты парфюма.</a>
    28.     </li>
    29.     </ul>           </td>
    30.         </tr>
    31.         </table>


    Это "Скрол":
    Код (PHP):
    1. <table cellpadding="0" cellspacing="0" class="moduletable">
    2.                     <tr>
    3.                 <th valign="top">
    4.                     Новинки Мэри Кэй              </th>
    5.             </tr>
    6.                     <tr>
    7.             <td>
    8.                 <script type="text/javascript" language="javascript">
    9. <!--
    10.  
    11. /*
    12.   dw_scroller.js
    13.   Pausing Vertical Scroller v 2.0
    14.   version date April 2003
    15.   requires dw_core.js
    16.    
    17.   This code is from Dynamic Web Coding
    18.   at http://www.dyn-web.com/
    19.   Copyright 2001-3 by Sharon Paine
    20.   See Terms of Use at http://www.dyn-web.com/bus/terms.html
    21.   Permission granted to use this code
    22.   as long as this entire notice is included.
    23. */
    24.  
    25. scrollerObj.ar = new Array();
    26.  
    27. // left, top, width, height, alignment of content, id of container (if rel-pos)
    28. function scrollerObj(x,y,w,h,al,hld) {
    29.   this.x=x||0; this.y=y||0; this.w=w; this.h=h;
    30.   this.al = al || "left"; this.hld = hld;
    31.   this.ctr=1; this.items=new Array(); this.timerId=0;
    32.  
    33.   // defaults
    34.     this.pause  = 4000; // how long to pause on messages
    35.     this.spd        = 55;       // frequency of calls to scroll
    36.     this.inc        = 3;        // how much to scroll per call
    37.     this.fontFam = "verdana, helvetica, arial, sans-serif";
    38.     this.fontSz     = "12px";
    39.     this.fontClr  = "#000000";
    40. }
    41.  
    42. function addScrollerItem(txt,url) {
    43.     this.items[this.items.length] = new Array(txt,url);
    44. }
    45.  
    46. function setScrollerFont(fam,sz,clr) {
    47.     this.fontFam=fam; this.fontSz=sz; this.fontClr=clr;
    48. }
    49.  
    50. function setScrollerTiming(pause,spd,inc) {
    51.     this.pause=pause; this.spd=spd; this.inc=inc;
    52. }
    53.  
    54. function createScroller() {
    55.   if (this.created) return;
    56.   // rewrite 1st item to last
    57.     this.items[this.items.length] = this.items[0];
    58.     scrollerObj.ar[scrollerObj.ar.length] = this;   // add it to global list of scrollers
    59.   this.obj = "scrollerObj"+scrollerObj.ar.length; eval(this.obj + "=this");
    60.     // separate functions for assembling content
    61.     if (document.layers) this.buildN4();
    62.     else this.build();
    63.   this.created = true;
    64. }
    65.  
    66. function buildScroller() {
    67.   var elem, str;
    68.   // scrWndo
    69.   if (document.getElementById && document.createElement) {
    70.     elem = document.createElement("div");
    71.     // if rel-pos
    72.     if (typeof this.hld != "undefined") {
    73.       this.holder = document.getElementById(this.hld);
    74.       this.scrWndo = this.holder.appendChild(elem);
    75.     } else {
    76.           this.scrWndo = document.body.appendChild(elem);
    77.     }
    78.     this.scrWndo.id = "scrWndo"+scrollerObj.ar.length;
    79.         this.scrWndo.style.position = "absolute";
    80.     this.scrWndo.style.visibility = "hidden";
    81.   } else if (document.all) {
    82.     str = '<div id="scrWndo'+scrollerObj.ar.length+'" style="position:absolute; visibility:hidden; "></div>';
    83.         // if rel-pos
    84.     if (typeof this.hld != "undefined") {
    85.       this.holder = document.all[this.hld];
    86.       if (typeof this.holder.innerHTML != "undefined")
    87.         this.holder.innerHTML = str;
    88.     } else {
    89.       document.body.insertAdjacentHTML("beforeEnd",str);
    90.     }
    91.   }
    92.   this.scrWndo = new dynObj("scrWndo"+scrollerObj.ar.length,this.x,this.y,this.w,this.h);
    93.   with (this.scrWndo.css) {
    94.     clip = "rect(0px, "+this.w+"px, "+this.h+"px, 0px)";
    95.         overflow = "hidden"; zIndex=1000;  
    96.     }
    97.   // set up scrolling content layer (scrCont)
    98.   if (document.getElementById && document.createElement) {
    99.     elem = document.createElement("div");
    100.     this.scrCont = this.scrWndo.el.appendChild(elem);
    101.     this.scrCont.id = "scrCont" + scrollerObj.ar.length;
    102.     this.scrCont.style.position = "absolute";
    103.   } else if (document.all) {
    104.     var str = '<div id="scrCont'+scrollerObj.ar.length+'" style="position:absolute"></div>';
    105.     this.scrWndo.writeLyr(str);
    106.   }
    107.   this.scrCont = new dynObj("scrCont"+scrollerObj.ar.length);
    108.     this.scrCont.css.visibility = "inherit";
    109.   this.scrCont.css.zIndex=1;
    110.   this.scrCont.shiftTo(0,0);
    111.   this.wrapItems();
    112.   this.scrWndo.show();
    113.   this.timerId = setTimeout(this.obj + ".controlScroll()",this.pause);
    114. }
    115.  
    116. // assemble and write scroller content html
    117. function wrapItems() {
    118.    var itemStart, itemEnd, str = "";
    119.   // to format items centered vertically and horizontally
    120.   if (this.al == "center") {
    121.     itemStart = '<table width="' + this.w + '" cellpadding="0" cellspacing="0" border="0"><tr><td style="text-align:center; height:' + this.h + 'px" valign="middle">';
    122.     itemEnd = '</td></tr></table>';
    123.   // to format left aligned content
    124.   } else if (this.al == "left") {
    125.     itemStart = '<div style="height:' + this.h + 'px">';
    126.     itemEnd = '</div>';
    127.   }
    128.   for (var i=0; i<this.items.length; i++) {
    129.     if (typeof this.items[i][1] != "undefined") { // if item has url
    130.       str += itemStart + '<a style="text-decoration:none; font-family:'+this.fontFam+'; font-size:'+this.fontSz+'; color:'+this.fontClr+'" href="'+ this.items[i][1] + '">' + this.items[i][0] + '</a>' + itemEnd;
    131.     } else {  // no url, wrap in span with styles attached
    132.       str += itemStart + '<div style="font-family:'+this.fontFam+'; font-size:'+this.fontSz+'; color:'+this.fontClr+'">' + this.items[i][0] + '</div>' + itemEnd;
    133.     }
    134.   }
    135.   this.scrCont.writeLyr(str);
    136. }
    137.  
    138. function buildScrollerNS4() {
    139.   // create wndo layer  
    140.   if (typeof this.hld != "undefined") {
    141.     this.holder = getLyrRef(this.hld,document);
    142.     this.scrWndo = new Layer(this.w,this.holder);
    143.   }
    144.     else this.scrWndo = new Layer(this.w);
    145.     this.scrWndo.resizeTo(this.w,this.h);
    146.     this.scrWndo.moveTo(this.x,this.y);
    147.  
    148.     // create the scrolling content layer
    149.     var str = '<div id="scrCont'+scrollerObj.ar.length+'" style="position:absolute"></div>';
    150.     this.scrWndo.document.write(str);
    151.     this.scrWndo.document.close();
    152.     this.scrCont = new dynObj("scrCont"+scrollerObj.ar.length);
    153.     this.scrCont.css.visibility = "inherit";
    154.   this.scrCont.css.zIndex=1;
    155.   this.scrCont.shiftTo(0,0);
    156.   this.wrapNS4Items();
    157.     this.scrWndo.visibility = "show";
    158.   this.timerId = setTimeout(this.obj + ".controlScroll()",this.pause);
    159. }
    160.  
    161. function wrapNS4Items() {
    162.     var itemStart, itemEnd, str = "";
    163.     if (this.al=="center") this.v = "middle";
    164.     else this.v = "top";
    165.   itemStart = '<table width="' + this.w + '" cellpadding="0" cellspacing="0" border="0"><tr><td align="'+this.al+'" height="' + this.h + '" valign="'+this.v+'">';
    166.   itemEnd = '</td></tr></table>';
    167.   for (var i=0; i<this.items.length; i++) {
    168.     if (typeof this.items[i][1] != "undefined") { // if item has url
    169.       str += itemStart + '<a style="text-decoration:none; font-family:'+this.fontFam+'; font-size:'+this.fontSz+'; color:'+this.fontClr+'" href="'+ this.items[i][1] + '">' + this.items[i][0] + '</a>' + itemEnd;
    170.     } else {  // no url, wrap in span with styles attached
    171.       str += itemStart + '<div style="font-family:'+this.fontFam+'; font-size:'+this.fontSz+'; color:'+this.fontClr+'">' + this.items[i][0] + '</div>' + itemEnd;
    172.     }
    173.   }
    174.   this.scrCont.writeLyr(str);
    175. }
    176.  
    177. function controlScroll() {
    178.     if (this.ctr>this.items.length-1) this.startOver();
    179.     else {
    180.         var y = parseInt(this.scrCont.css.top);
    181.         if (y> -this.h * this.ctr) {
    182.             this.scrCont.shiftBy(0,-this.inc); 
    183.             this.timerId = setTimeout(this.obj+".controlScroll()",this.spd);   
    184.         } else {
    185.                 this.ctr++;
    186.                 this.timerId = setTimeout(this.obj+".controlScroll()",this.pause); 
    187.         }
    188.     }
    189. }
    190.  
    191. // restore scroller top to 0 and counter variable to 1
    192. function startOver() {
    193.     this.ctr = 1;
    194.     this.scrCont.shiftTo(0,0);
    195.     this.controlScroll();  
    196. }
    197.  
    198. scrollerObj.prototype.addItem = addScrollerItem;
    199. scrollerObj.prototype.create = createScroller;
    200. scrollerObj.prototype.setFont = setScrollerFont;
    201. scrollerObj.prototype.setTiming = setScrollerTiming;
    202. scrollerObj.prototype.buildN4 = buildScrollerNS4;
    203. scrollerObj.prototype.build = buildScroller;
    204. scrollerObj.prototype.wrapItems = wrapItems;
    205. scrollerObj.prototype.wrapNS4Items = wrapNS4Items;
    206. scrollerObj.prototype.controlScroll = controlScroll;
    207. scrollerObj.prototype.startOver = startOver;
    208.  
    209. // remove layers from table for ns6+/mozilla (overflow/clip bug?)
    210. function positionGecko() {
    211.     if (navigator.userAgent.indexOf("Gecko")>-1) {
    212.     for (var i=0; i<scrollerObj.ar.length; i++) {
    213.             if (scrollerObj.ar[i].holder) {
    214.                 scrollerObj.ar[i].holder.removeChild(scrollerObj.ar[i].scrWndo.el);
    215.                 document.body.appendChild(scrollerObj.ar[i].scrWndo.el);
    216.                 scrollerObj.ar[i].scrWndo.css.zIndex = 1000;
    217.         var x = scrollerObj.ar[i].holder.offsetLeft + scrollerObj.ar[i].x;
    218.                 var y = scrollerObj.ar[i].holder.offsetTop + scrollerObj.ar[i].y;
    219.                 scrollerObj.ar[i].scrWndo.shiftTo(x,y);
    220.             }
    221.     }
    222.   }
    223. }
    224.  
    225. // ns6+/mozilla need to reposition layers onresize
    226. function rePosGecko() {
    227.   for (var i=0; i<scrollerObj.ar.length; i++) {
    228.         var x = scrollerObj.ar[i].holder.offsetLeft + scrollerObj.ar[i].x;
    229.         var y = scrollerObj.ar[i].holder.offsetTop + scrollerObj.ar[i].y;
    230.         scrollerObj.ar[i].scrWndo.shiftTo(x,y);
    231.   }
    232. }
    233.  
    234. function setMouseEvents() {
    235.   for (var i=0; i<scrollerObj.ar.length; i++) {
    236.     scrollerObj.ar[i].scrCont.el.onmouseover = new Function("haltScroll("+i+")")
    237.     scrollerObj.ar[i].scrCont.el.onmouseout = restartScroll;
    238.   }
    239. }
    240.  
    241. function haltScroll(num) {
    242.   clearTimeout(scrollerObj.ar[num].timerId);
    243. }
    244.  
    245. function restartScroll(e) {
    246.   // get numeric portion of id (after scrCont)
    247.   var num = parseInt(this.id.slice(7)) - 1;
    248.   e = e? e: window.event? window.event: "";
    249.   if (e) {
    250.     var current = this;
    251.     var related =  e.relatedTarget? e.relatedTarget: e.toElement? e.toElement: "";
    252.         if (related) {
    253.         if (current != related && !contains(current, related))
    254.           scrollerObj.ar[num].controlScroll();
    255.       } else scrollerObj.ar[num].controlScroll(); // ns4
    256.   }
    257. }
    258.  
    259. // adapted from http://www.brainjar.com/dhtml/events/default6.asp
    260. function contains(a, b) {
    261.     // extra checks in case alt-tab away while over menu
    262.     if (b && b.parentNode) {   
    263.       // Return true if node a contains node b.
    264.       while (b.parentNode)
    265.         if ((b = b.parentNode) == a)
    266.           return true;
    267.       return false;
    268.     } else if (b && b.parentElement) {
    269.         while (b.parentElement)
    270.             if ((b = b.parentElement) == a)
    271.               return true;
    272.           return false;
    273.     }
    274. }
    275.  
    276. /*
    277.         dw_core.js
    278.         version date: April 2003
    279.                
    280.         This code is from Dynamic Web Coding
    281.     at http://www.dyn-web.com/
    282.     Copyright 2001-3 by Sharon Paine
    283.     See Terms of Use at http://www.dyn-web.com/bus/terms.html
    284.     Permission granted to use this code
    285.     as long as this entire notice is included.
    286. */
    287.  
    288. /////////////////////////////////////////////////////////////////////
    289. //  dynObj constructor
    290. //      arguments: id (required): id of positioned div.
    291. //      left,top,width,height optional arguments.
    292. /////////////////////////////////////////////////////////////////////
    293. function dynObj(id,x,y,w,h) {
    294.     this.el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? getLyrRef(id,document): null;
    295.     if (!this.el) return null;
    296.     this.doc = (document.layers)? this.el.document: this.el;
    297.     this.css = (this.el.style)? this.el.style: this.el;
    298.     var px = (document.layers||window.opera)? "": "px";
    299.     this.x = x || 0;    if (x) this.css.left = this.x+px;
    300.     this.y = y || 0;    if (y) this.css.top = this.y+px;
    301.     this.width = w? w: (this.el.offsetWidth)? this.el.offsetWidth: (this.css.clip.width)? this.css.clip.width: 0;
    302.     this.height = h? h: (this.el.offsetHeight)? this.el.offsetHeight: (this.css.clip.height)? this.css.clip.height: 0;
    303.     // if w/h passed, set style width/height
    304.     if (w){ (document.layers)? this.css.clip.width=w+px: this.css.width=w+px;}
    305.     if (h){ (document.layers)? this.css.clip.height=h+px: this.css.height=h+px;}
    306.     this.obj = id + "_dynObj";  eval(this.obj + "=this");
    307. }
    308.  
    309. dynObj.prototype.show = function () { this.css.visibility = "visible"; }
    310. dynObj.prototype.hide = function () { this.css.visibility = "hidden"; }
    311.  
    312. dynObj.prototype.shiftTo = function (x,y) {
    313.     if (x!=null) this.x=x; if (y!=null) this.y=y;  
    314.     // rounded below (this.x/y can hold decimals)
    315.     if (this.css.moveTo) {
    316.         this.css.moveTo(Math.round(this.x),Math.round(this.y));
    317.     } else {
    318.         this.css.left=Math.round(this.x)+"px";
    319.         this.css.top=Math.round(this.y)+"px";
    320.     }
    321. }
    322.  
    323. dynObj.prototype.shiftBy = function (x,y) {
    324.     this.shiftTo(this.x+x,this.y+y);
    325. }
    326.  
    327. dynObj.prototype.writeLyr = function (cntnt) {
    328.     if (typeof this.doc.innerHTML!="undefined") {
    329.       this.doc.innerHTML = cntnt;
    330.   } else if (document.layers) {
    331.             this.doc.write(cntnt);
    332.             this.doc.close();
    333.   }
    334. }
    335.  
    336. dynObj.prototype.setBgClr = function (bg) {
    337.     if (document.layers) this.doc.bgColor=bg;
    338.     else this.css.backgroundColor=bg;
    339. }
    340.  
    341. // get reference to nested layer for ns4
    342. // from dhtmllib.js by Mike Hall of www.brainjar.com
    343. function getLyrRef(lyr,doc) {
    344.     if (document.layers) {
    345.         var theLyr;
    346.         for (var i=0; i<doc.layers.length; i++) {
    347.         theLyr = doc.layers[i];
    348.             if (theLyr.name == lyr) return theLyr;
    349.             else if (theLyr.document.layers.length > 0)
    350.             if ((theLyr = getLyrRef(lyr,theLyr.document)) != null)
    351.                     return theLyr;
    352.       }
    353.         return null;
    354.   }
    355. }
    356. //-->
    357. </script>
    358. <script type="text/javascript">
    359. <!--
    360. /*
    361. This code is from Dynamic Web Coding
    362. at http://www.dyn-web.com/
    363. Copyright 2001-3 by Sharon Paine
    364. See Terms of Use at http://www.dyn-web.com/bus/terms.html
    365. Permission granted to use this code
    366. as long as this entire notice is included.
    367. */
    368. function initScrollerObjs() {
    369.  
    370.  /* PERSONALIZE YOU MODULE */
    371.  /* Change 125(width) and 150(height) to your needs */
    372.  scroller1 = new scrollerObj(0,0,125,150,"center","holder");scroller1.addItem('<div align="center"><a href="http://www.krasotainfo.ru/index.php?option=com_datsogallery&Itemid=3&func=detail&id=9"><img src=http://www.krasotainfo.ru/components/com_datsogallery/img_thumbnails/BAA80674B9FA-2.jpg style="border:1px;border-style:solid;border-color:#FFFFFF;padding:1px;background-color:#FFFFFF"><br />Набор теней</a></div>');scroller1.addItem('<div align="center"><a href="http://www.krasotainfo.ru/index.php?option=com_datsogallery&Itemid=3&func=detail&id=6"><img src=http://www.krasotainfo.ru/components/com_datsogallery/img_thumbnails/51A6295098CB-2.jpg style="border:1px;border-style:solid;border-color:#FFFFFF;padding:1px;background-color:#FFFFFF"><br />Бэлла Белара</a></div>');scroller1.addItem('<div align="center"><a href="http://www.krasotainfo.ru/index.php?option=com_datsogallery&Itemid=3&func=detail&id=7"><img src=http://www.krasotainfo.ru/components/com_datsogallery/img_thumbnails/2916923C3C86-2.jpg style="border:1px;border-style:solid;border-color:#FFFFFF;padding:1px;background-color:#FFFFFF"><br />Новые ароматы</a></div>');scroller1.addItem('<div align="center"><a href="http://www.krasotainfo.ru/index.php?option=com_datsogallery&Itemid=3&func=detail&id=8"><img src=http://www.krasotainfo.ru/components/com_datsogallery/img_thumbnails/476DBF97C8DF-2.jpg style="border:1px;border-style:solid;border-color:#FFFFFF;padding:1px;background-color:#FFFFFF"><br />Помада-дуэт</a></div>');scroller1.addItem('<div align="center"><a href="http://www.krasotainfo.ru/index.php?option=com_datsogallery&Itemid=3&func=detail&id=10"><img src=http://www.krasotainfo.ru/components/com_datsogallery/img_thumbnails/D0D58D57BA1D-2.jpg style="border:1px;border-style:solid;border-color:#FFFFFF;padding:1px;background-color:#FFFFFF"><br />Губная помада</a></div>'); scroller1.create();
    373.  
    374.   setMouseEvents(); // set up pause/restart onmouseover/out
    375. }
    376.  
    377. window.onload = initScrollerObjs;
    378. //-->
    379. </script>
    380. <!-- PERSONALIZE YOU MODULE */ -->
    381. <!-- CHANGE height: 150px to your needs -->
    382. <div style="height: 150px; width: 100%;">
    383. <div id="holder"></div>
    384.  
    385. </div>          </td>
    386.         </tr>
    387.         </table>
     
  11. ListOn
    Offline

    ListOn Недавно здесь

    Регистрация:
    03.03.2007
    Сообщения:
    115
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Изменение положения содержимого модуля

    <li class="mostread"> - вот эта штука может быть настроена на отступ
     
  12. Offline

    Stani Недавно здесь

    Регистрация:
    04.02.2008
    Сообщения:
    10
    Симпатии:
    0
    Ответ: Изменение положения содержимого модуля

    Вот только где находится эта настройка, ведь в общей таблице стлей такого класса НЕТ.
     
  13. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    629
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Изменение положения содержимого модуля

    Нет в общей таблице стилей, назначте сами - наследования от общих селекторов для элементов списка никто не отменял, а если не заданы и их свойства, браузеры в праве трактовать их каждый по-своему.
     

Поделиться этой страницей

Загрузка...