Jump to content
  • 0

очередной бой с IE


marrone-art
 Share

Question

Проблема с фонами, в chrome и mozilla отображается нормально, а вот IE не очень.

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

http://www.planet-tour.com.ua/

Вот так выглядит в ie8

ie.jpg

А вот так в chrome

chrome.jpg

Сразу приношу извинения за правильность кода я только начинаю углубятся в веб-программирование.

/* Title Control */

table.moduletable_blue th {

display: table-cell;

height: 46px;

width: 294px;

padding-left:10px;

font-size: 16px;

background:url(http://www.planet-tour.com.ua/templates/planet_tour/images/menu_h.png);

background-repeat:no-repeat;

text-align: left;

color: #FFFFFF;

vertical-align:middle;

}

/* Module tbody Control*/

table.moduletable_blue tbody{

display:block;

width:294px;

background: #8adbff url("../images/round.jpg") no-repeat bottom;}

Заранее спасибо и надеюсь на скорейшие ответы.

Edited by marrone-art
Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

Что-то у вас там такая жесть с версткой..

Джумла?

Угу, она.

В ней можно для каждого модуля (у вас ведь модули меню выводятся) задать свои стили вывода.

И свои шаблоны через параметр type вызова модуля. Научить могу только завтра, ссылку точно сейчас не найду, очень спать хочется.

Погуглите на тему "условия шаблонов джумла"

ну или прямая дорога на joomlaforum.ru, если не хотите ждать

Edited by d0ublezer0
Link to comment
Share on other sites

  • 0

Для начала уберите repeat в navigation.css на строке 114, а то у вас при наведении мыши на ссылку бронирования фон скачет

.menu_but li a:hover {
background:url("http://www.planet-tour.com.ua/templates/planet_tour/images/but_a.png") no-repeat;
}

И потом, надо поменять вызов модуля на чистый (raw) или модуль в слое (xhtml)

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

<!-- Чистый вывод, без родительского элемента. 
Выводится только код, выдаваемый модулем.
Возможно не будет выводиться заголовок модуля.
Это уж как у вас настроено в самом шаблоне -->
<jdoc:include type="modules" name="left" style="raw" />

<!-- Код модуля будет заключен в дополнительный DIV
со стилем, прописанным в админке в качестве суффикса. -->
<jdoc:include type="modules" name="left" style="xhtml" />

Далее, в админке, в параметрах модуля меню (если вы им выводите) поставьте режим вывода Legacy (плоский список)

И вот потом уже крутите CSS.

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

Результаты сообщите, поставлю оценку в дневник ;)

Edited by d0ublezer0
Link to comment
Share on other sites

  • 0

Ну, либо вот вам решение, прям по пунктам:

В админке модулю меню ставите стиль вывода Legacy(плоский список)

Создаете папку, если еще нет:

/templates/planet_tour/html/

В ней создаете файл modules.php, в нем пишете:


<?php
defined('_JEXEC') or die('Restricted access');

function modChrome_lmodule($module, &$params, &$attribs)
{
if (!empty ($module->content)) : ?>
<div class="lmodule<?php echo $params->get('moduleclass_sfx'); ?>">
<?php if ($module->showtitle) : ?>
<h3><?php echo $module->title; ?></h3>
<?php
endif;
echo $module->content; ?>
</div>
<?php endif;
}
?>

В вашем шаблоне главной страницы вызов модуля меняете на:

<jdoc:include type="modules" name="left" style="lmodule" />

Как бы всё. Дальше - чисто CSS.

Заголовку H3 зададите ваш фон menu_h.png

UL поставите

background:url("../images/round.jpg") no-repeat center bottom #8ADBFF;
padding-bottom:22px;

И дальше сами, думаю справитесь.

Link to comment
Share on other sites

  • 0

Внес все, но не разобрался с css, где мне искать стиль для style='lmodule' и где найти H3

Проясните пожалуйста

З.Ы. На joomlaforum ответ так и не дали.

З.Ы.Ы. Прошу прощения за задержку с ответами(вопросами), просто сайт уже нужно сдавать, сейчас занимаюсь загрузкой контента.

Edited by marrone-art
Link to comment
Share on other sites

  • 0

style='lmodule' это стиль вывода модуля, своего рода шаблон вывода, к CSS он отношения не имеет.

Да и к тому же он у вас не активен - меню слева как выводилось таблицами, так и выводится

Link to comment
Share on other sites

  • 0
Что-то у вас там такая жесть с версткой..

Джумла?

Угу, она.

В ней можно для каждого модуля (у вас ведь модули меню выводятся) задать свои стили вывода.

И свои шаблоны через параметр type вызова модуля. Научить могу только завтра, ссылку точно сейчас не найду, очень спать хочется.

Погуглите на тему "условия шаблонов джумла"

ну или прямая дорога на joomlaforum.ru, если не хотите ждать

Это что?

Сам задаю вопрос и сам же на него отвечаю? :)

Link to comment
Share on other sites

  • 0

Сначала отправил мессагу, потом посмотрел вдумчиво внутрь предложенного ТС сайта, и написал второе сообщение, которое силами форума объединилось с первым. Править было лень.

Link to comment
Share on other sites

  • 0
style='lmodule' это стиль вывода модуля, своего рода шаблон вывода, к CSS он отношения не имеет.

Да и к тому же он у вас не активен - меню слева как выводилось таблицами, так и выводится

Я ставил style='lmodule', но в связи с тем что с сайтом сейчас работаю поменял обратно на table, но я все сделал, как вы говорили и модули выводились, но я не разобрался как их настраивать и до сих пор не пойму где настраивать lmodule

Link to comment
Share on other sites

  • 0
Темизация блоков и других областей это уже структура самой системы и вам на форум джумлы

А я думал оптимизация кода, для корректного отображения во всех браузерах, это проблема программирования.

а дизайн страшный

Главное что клиенту нравится...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy