Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 16 Ответов
  • 5884 Просмотров
*

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Всем привет!

Не судите строго за вопрос. Весь день провел на форме, так ничего и не понял.

Проблема в том, что не могу разделить позицию "user3" на три части.
Шаблон сгенерирован программой Artisteer.
Вот кусок кода index.php
Код
<body>
<div id="art-main">
<div class="art-sheet">
    <div class="art-sheet-tl"></div>
    <div class="art-sheet-tr"></div>
    <div class="art-sheet-bl"></div>
    <div class="art-sheet-br"></div>
    <div class="art-sheet-tc"></div>
    <div class="art-sheet-bc"></div>
    <div class="art-sheet-cl"></div>
    <div class="art-sheet-cr"></div>
    <div class="art-sheet-cc"></div>
    <div class="art-sheet-body">
<jdoc:include type="modules" name="user3" />
<div class="art-header">
    <div class="art-header-jpeg"></div>
<div class="art-logo">
 <h1 id="name-text" class="art-logo-name"><a href="<?php echo $baseUrl; ?>/">ACROSPORT</a></h1>
 <div id="slogan-text" class="art-logo-text">оборудование  лучших</div>
</div>
Вот картинка того что есть:
Вот то что у меня никак не выходит сделать:

Добавить два модуля между которыми 20 px. Один шириной 60 px, другой шириной 250 px.

Все что я ни пробовал получалось строчкой ниже... под меню.
*

denverkurt

  • Захожу иногда
  • 110
  • 25 / 0
Re: Разделение строки на столбцы.
« Ответ #1 : 29.08.2010, 22:05:23 »
проще вставить в <div class="art-sheet-body"> таблицу и внутри таблицы разместить
Код
<jdoc:include type="modules" name="user3" />
<div class="art-header">
    <div class="art-header-jpeg"></div>
<div class="art-logo">
 <h1 id="name-text" class="art-logo-name"><a href="<?php echo $baseUrl; ?>/">ACROSPORT</a></h1>
 <div id="slogan-text" class="art-logo-text">оборудование  лучших</div>
</div>
и все что нужно

сторонники блочной верстки конечно скривят лицом, зато просто
https://denvera.net - бесплатные расширения для Joomla. Разработка расширений на заказ
*

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Re: Разделение строки на столбцы.
« Ответ #2 : 29.08.2010, 22:07:33 »
проще вставить в <div class="art-sheet-body"> таблицу и внутри таблицы разместить
Код
<jdoc:include type="modules" name="user3" />
<div class="art-header">
    <div class="art-header-jpeg"></div>
<div class="art-logo">
 <h1 id="name-text" class="art-logo-name"><a href="<?php echo $baseUrl; ?>/">ACROSPORT</a></h1>
 <div id="slogan-text" class="art-logo-text">оборудование  лучших</div>
</div>
и все что нужно

сторонники блочной верстки конечно скривят лицом, зато просто

Эмм.. А это как? Есть где мне посмотреть пример ? Заранее спасибо
*

denverkurt

  • Захожу иногда
  • 110
  • 25 / 0
Re: Разделение строки на столбцы.
« Ответ #3 : 29.08.2010, 22:17:26 »
Код
<body>
<div id="art-main">
<div class="art-sheet">
    <div class="art-sheet-tl"></div>
    <div class="art-sheet-tr"></div>
    <div class="art-sheet-bl"></div>
    <div class="art-sheet-br"></div>
    <div class="art-sheet-tc"></div>
    <div class="art-sheet-bc"></div>
    <div class="art-sheet-cl"></div>
    <div class="art-sheet-cr"></div>
    <div class="art-sheet-cc"></div>
    <div class="art-sheet-body">
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<jdoc:include type="modules" name="user3" />
</td><td width="200">
Второй блок
</td><td width="100">
Третий блок
</td></tr>
<tr><td colspan="3">
<div class="art-header">
    <div class="art-header-jpeg"></div>
<div class="art-logo">
 <h1 id="name-text" class="art-logo-name"><a href="<?php echo $baseUrl; ?>/">ACROSPORT</a></h1>
 <div id="slogan-text" class="art-logo-text">оборудование  лучших</div>
</div>
</div>
</td></tr>
</table>
https://denvera.net - бесплатные расширения для Joomla. Разработка расширений на заказ
*

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Re: Разделение строки на столбцы.
« Ответ #4 : 29.08.2010, 22:26:45 »
Да. Так получилось, но теперь откуда-то вылезла черная полоска на половину всей длины. Ее как-то можно убрать ?
*

denverkurt

  • Захожу иногда
  • 110
  • 25 / 0
Re: Разделение строки на столбцы.
« Ответ #5 : 29.08.2010, 22:28:05 »
скриншот бы показали, что где вылезло. там и видно будет, куда копать

P.S.
Или вы про границу, шириной в 1 пиксель?
https://denvera.net - бесплатные расширения для Joomla. Разработка расширений на заказ
*

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Re: Разделение строки на столбцы.
« Ответ #6 : 29.08.2010, 22:32:17 »
скриншот бы показали, что где вылезло. там и видно будет, куда копать

P.S.
Или вы про границу, шириной в 1 пиксель?

Думал там будет видно. Вот в увеличенном виде:
*

denverkurt

  • Захожу иногда
  • 110
  • 25 / 0
Re: Разделение строки на столбцы.
« Ответ #7 : 29.08.2010, 22:35:16 »
через стили можно попробовать задать высоту ячейки и overflow

<td style="height: XXpx; overflow: hidden;">
https://denvera.net - бесплатные расширения для Joomla. Разработка расширений на заказ
*

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Re: Разделение строки на столбцы.
« Ответ #8 : 29.08.2010, 22:40:22 »
через стили можно попробовать задать высоту ячейки и overflow

<td style="height: XXpx; overflow: hidden;">
Не получается. Все равно линия остается. ((
*

denverkurt

  • Захожу иногда
  • 110
  • 25 / 0
Re: Разделение строки на столбцы.
« Ответ #9 : 29.08.2010, 22:48:14 »
тогда скорее всего не "наплыв" ячейки, полоса вдоль нижнего края <jdoc:include type="modules" name="user3" />

Попробуйте без таблицы

Код
<body>
<div id="art-main">
<div class="art-sheet">
    <div class="art-sheet-tl"></div>
    <div class="art-sheet-tr"></div>
    <div class="art-sheet-bl"></div>
    <div class="art-sheet-br"></div>
    <div class="art-sheet-tc"></div>
    <div class="art-sheet-bc"></div>
    <div class="art-sheet-cl"></div>
    <div class="art-sheet-cr"></div>
    <div class="art-sheet-cc"></div>
    <div class="art-sheet-body">
        <div style="position: absolute; top: 10px; right: 30px; width: 100px;">
             Правый блок
        </div>
<jdoc:include type="modules" name="user3" />
<div class="art-header">
    <div class="art-header-jpeg"></div>
<div class="art-logo">
 <h1 id="name-text" class="art-logo-name"><a href="<?php echo $baseUrl; ?>/">ACROSPORT</a></h1>
 <div id="slogan-text" class="art-logo-text">оборудование  лучших</div>
</div>
https://denvera.net - бесплатные расширения для Joomla. Разработка расширений на заказ
*

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Re: Разделение строки на столбцы.
« Ответ #10 : 30.08.2010, 00:02:02 »
О!

Спасибо! Теперь выглядит все как надо, но кнопки в этом модуле почему-то не нажимаются теперь.
*

denverkurt

  • Захожу иногда
  • 110
  • 25 / 0
Re: Разделение строки на столбцы.
« Ответ #11 : 30.08.2010, 00:05:07 »
может быть дивы заголовка наслаиваются сверху.

попробуйте поиграть слоями:  style="position: absolute; top: 10px; right: 30px; width: 100px; z-index: 10;"
https://denvera.net - бесплатные расширения для Joomla. Разработка расширений на заказ
*

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Re: Разделение строки на столбцы.
« Ответ #12 : 30.08.2010, 00:23:48 »
Блок с этим модулем поставить в другое место ?
*

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Re: Разделение строки на столбцы.
« Ответ #13 : 30.08.2010, 00:31:06 »
о! Получилось! Поставил Z-Index: 12

СПАСИБО ОГРОМНОЕ!

P.S. что такое z-index?
*

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Re: Разделение строки на столбцы.
« Ответ #14 : 30.08.2010, 00:39:38 »
Вы, случайно, не знаете ответа на эту тему ?

http://joomlaforum.ru/index.php/topic,127332.new.html
*

denverkurt

  • Захожу иногда
  • 110
  • 25 / 0
Re: Разделение строки на столбцы.
« Ответ #15 : 30.08.2010, 01:03:38 »
X - это горизонтальная ось
Y - вертикальная ось

а Z - это ось перпендикулярная экрану. т.е. можно объекты накладывать друг на друга как листы бумаги
https://denvera.net - бесплатные расширения для Joomla. Разработка расширений на заказ
*

Artyomii

  • Захожу иногда
  • 331
  • 10 / 5
Re: Разделение строки на столбцы.
« Ответ #16 : 12.09.2010, 06:46:28 »
вот Вам ответ http://joomlaforum.ru/index.php/topic,73568.msg425643.html#msg425643
кроссовки с Вас
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Выделение строки таблицы при наведении

Автор March Cat

Ответов: 6
Просмотров: 3077
Последний ответ 27.10.2018, 18:27:16
от effrit
Как вывести заголовок модуля - меню в две строки?

Автор Flame

Ответов: 3
Просмотров: 3915
Последний ответ 03.11.2016, 23:32:55
от pashaiglesias
Хлебные крошки настройка строки

Автор AnnaLyu

Ответов: 7
Просмотров: 2861
Последний ответ 29.01.2016, 22:31:35
от esvova
Перенесено: Как сделать выделение строки таблицы если в url содержится определенный товар?

Автор Shustry

Ответов: 0
Просмотров: 1065
Последний ответ 27.01.2015, 16:31:43
от Shustry
КАк сделать разделение на два блока, без обтекания?

Автор cantsave

Ответов: 2
Просмотров: 1236
Последний ответ 19.11.2014, 11:35:44
от cantsave