Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Дизайн и верстка

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 15.11.2011, 21:34   #1
 
Аватар для emlonlife
 
Сообщений: 773
FR (активность): 29,533

Доп. информация
По умолчанию Автор темы JTK Tools 3.1 + Dreamweaver CS4 + Joomla 1.5

Верстаю сайт один и столкнулся с проблемой. Всю голову о стену уже сломал. Сайт на Joomla, шаблон делается на JTK Tools 3.1
Ниже код, в данной позиции модуля стоит главное меню вертикальное. Задача - выровнять по правой границе. В Опере отображается верно, в Хроме - выравнено по левому краю
Подскажите плз, как вылечить.
[php]<table width="85%" border="0" align="center">
<tr>
<td width="10" align="right" valign="top"><jdoc:include type="modules" name="user1" style="table" /></td>
</tr>
</table>[/php]
И еще возможно ли в главном меню (стандартный модуль) изменить для каждого пункта меню цвет ссылки при наведении курсора (hover). Долго бился, так и не понял как...

Добавлено через 48 секунд
Верстать только учусь) Так что просьба не пинать)))


Лицензионный SEO-софт бесплатно
Но только помни - правда всегда победит, даже если погибнет в бою...

emlonlife вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 15.11.2011, 23:32   #2
 
Аватар для emlonlife
 
Сообщений: 773
FR (активность): 29,533

Доп. информация
По умолчанию Автор темы

Первую часть решил сам
В CSS добавил
 td.rr 
{
text-align: right;
vertical-align:top
}

В index.php [php] <td class="rr" align="right" valign="top" ><jdoc:include type="modules" name="user1" style="none" /></td>[/php]
Со второй частью поможете?


Лицензионный SEO-софт бесплатно
Но только помни - правда всегда победит, даже если погибнет в бою...

emlonlife вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 16.11.2011, 11:17   #3
 
Аватар для emlonlife
 
Сообщений: 773
FR (активность): 29,533

Доп. информация
По умолчанию Автор темы

Надежд не осталось...
В общем, буду делать на "произвольном блоке HTML", но это как-то жопоруко.
А может в css есть какая-нибудь возможность отдельно каждому верхнему уровеню меню (<li>Главная</li> и т.д.) отдельно задать стили?
Т.е. прописать как-то для первого пункта меню такой-то цвет при наведении курсора, для второго, для третьего, для n-го...
Ведь по-любому есть такая возможность, но какая?


Лицензионный SEO-софт бесплатно
Но только помни - правда всегда победит, даже если погибнет в бою...

emlonlife вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 16.11.2011, 11:52   #4
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию

Цитата:
Сообщение от emlonlife Посмотреть сообщение
Т.е. прописать как-то для первого пункта меню такой-то цвет при наведении курсора, для второго, для третьего, для n-го...
Ведь по-любому есть такая возможность, но какая?
http://www.yootheme.com/demo/apr08/
- YT Ambient - см. верхнюю менюшку.
(этот шаб почти на любом варезнике есть - для препарации можно скачать и распотрошить)
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
emlonlife (16.11.2011)
Старый 16.11.2011, 12:02   #5
 
Аватар для emlonlife
 
Сообщений: 773
FR (активность): 29,533

Доп. информация
По умолчанию Автор темы

Цитата:
Сообщение от umka from ufa Посмотреть сообщение
YT Ambient
а там разве не флешка?


Лицензионный SEO-софт бесплатно
Но только помни - правда всегда победит, даже если погибнет в бою...

emlonlife вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 16.11.2011, 13:16   #6
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию

в меню (которое под заголовком сайта) - вроде нет. Он у меня стоял где-то давно, обычная там менюха.
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
emlonlife (16.11.2011)
Старый 16.11.2011, 23:39   #7
 
Аватар для emlonlife
 
Сообщений: 773
FR (активность): 29,533

Доп. информация
По умолчанию Автор темы

В общем мне подсказали...
Цитата:
Для каждого пункта назначается свой класс , например такой :
[PHP]<li class="item40"><a href="/informatsiya-o-joomla/cms/rasshireniya.html"><span>Сертификаты</span></a></li>[/PHP]
Вот классу item40 и назначайте свой цвет . У каждого пункта он будет уникальным , item плюс id .
Это отлично работает для нормальных шаблонов, а вот на моем с табличной версткой нет
Т.е. у меня все меню имеют вид [php]<tr ><td><a href="/" class="mainlevel" id="active_menu">Главная</a></td></tr>
<tr ><td><a href="/temy.html" class="mainlevel" >Темы</a></td></tr>
<tr ><td><a href="/prays.html" class="mainlevel" >Прайс</a></td></tr>[/php]И задать класс не получается никак...


Лицензионный SEO-софт бесплатно
Но только помни - правда всегда победит, даже если погибнет в бою...

emlonlife вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 17.11.2011, 02:32   #8
 
Аватар для webmas
 
Сообщений: 490
FR (активность): 19,322

Доп. информация
По умолчанию

А почему не получается? Пропиши для каждого столбца td свой класс.
Цитата:
<tr ><td class="style1"><a href="/" class="mainlevel" id="active_menu">Главная</a></td></tr>
<
tr ><td
class="style2"><a href="/temy.html" class="mainlevel" >Темы</a></td></tr>
<
tr ><td
class="style3"><a href="/prays.html" class="mainlevel" >Прайс</a></td></tr>


В классах style прописываешь свойство :hover


Добавлено через 14 минут
Вот как должен выглядеть данный класс
Цитата:
.style(1,2,3) a:hover: color#цвет;
webmas вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
emlonlife (17.11.2011), Umka (17.11.2011)
Старый 17.11.2011, 09:35   #9
 
Аватар для emlonlife
 
Сообщений: 773
FR (активность): 29,533

Доп. информация
По умолчанию Автор темы

Цитата:
Сообщение от webmas
А почему не получается? Пропиши для каждого столбца td свой класс.
В классах style прописываешь свойство :hover
Вот как должен выглядеть данный класс
Цитата:
.style(1,2,3) a:hover: color#цвет;
Это понятно. Было бы здорово, если бы было так просто.
Только прописать для каждого td не получится при всем желании, т.к., повторюсь, менюшка не html, а модуль, в следствии чего все строки и столбцы меню формируются модулем при загрузке страницы.
Соответственно, для каждого td невозможно назначить свой стиль.

В общем, я подумал и решил... Заново сверстать шаблон уже БЕЗ использования таблиц, раз уж так ничего не получается. Я конечно далек от верстки, но научиться хотелось бы.
Буду div'ами добавлять все блоки. Так верно? В таком случае будет у каждоко пункта меню свой itemID?


Лицензионный SEO-софт бесплатно
Но только помни - правда всегда победит, даже если погибнет в бою...

emlonlife вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 17.11.2011, 10:07   #10
 
Аватар для webmas
 
Сообщений: 490
FR (активность): 19,322

Доп. информация
По умолчанию

Можно и так. Или можно менюшку не модулем ставить а встроить в шаблон готовые пункты меню, правда тогда у владельца сайта не будет возможности формировать свои пункты главного меню.

А нельзя сделать так:
Цитата:
<tr ><td class="item40"><a href="/" class="mainlevel" id="active_menu">Главная</a></td></tr>
?

Лучше конечно сверстать дивами. Попрактикуйтесь хоть, да и проблем меньше, вообщем удобнее.

Добавлено через 2 минуты
А на форуме Джумлы не помогли с проблемой?
webmas вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
emlonlife (17.11.2011)
Старый 17.11.2011, 10:16   #11
 
Аватар для emlonlife
 
Сообщений: 773
FR (активность): 29,533

Доп. информация
По умолчанию Автор темы

Цитата:
Сообщение от webmas Посмотреть сообщение
А на форуме Джумлы не помогли с проблемой?
На нем только подсказали про item, больше не отвечали.
Жаль, конечно, что придется верстать все заново, но зато тоже плюс... Научусь немного, к тому же повторение - мать учения
Цитата:
Сообщение от emlonlife Посмотреть сообщение
Буду div'ами добавлять все блоки. Так верно? В таком случае будет у каждоко пункта меню свой itemID?


Лицензионный SEO-софт бесплатно
Но только помни - правда всегда победит, даже если погибнет в бою...

emlonlife вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 17.11.2011, 10:28   #12
 
Аватар для webmas
 
Сообщений: 490
FR (активность): 19,322

Доп. информация
По умолчанию

Цитата:
Сообщение от emlonlife Посмотреть сообщение
Сообщение от emlonlife Посмотреть сообщение
Буду div'ами добавлять все блоки. Так верно? В таком случае будет у каждоко пункта меню свой itemID?
Скорее всего верно, если каждому пункту меню присваивать свой уникальный ID (div id="style1")? Но лучше спросить на джумловском форуме, не силён я в джумле
webmas вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
emlonlife (17.11.2011)
Старый 17.11.2011, 23:49   #13
 
Аватар для emlonlife
 
Сообщений: 773
FR (активность): 29,533

Доп. информация
По умолчанию Автор темы

как же я глуп, оказывается
Цитата:
Для того чтобы изменить стиль вывода меню , зайдите в настройки модуля меню и измените на стиль список . У Вас сейчас видимо стоит стиль Legacy .
. На форуме джумлы подсказали.. И действительно, теперь все элементы меню имеют классы типа item1, item40 и т.д.
Н сверстаю все равно заново, для опыта.


Лицензионный SEO-софт бесплатно
Но только помни - правда всегда победит, даже если погибнет в бою...

emlonlife вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
webmas (18.11.2011)
Старый 18.11.2011, 16:13   #14
 
Аватар для webmas
 
Сообщений: 490
FR (активность): 19,322

Доп. информация
По умолчанию

Опыт дороже денег
webmas вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 3839 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
В adobe DreamWeaver CS5 съезжают строчки. bazan Дизайн и верстка 0 25.04.2011 17:04
Проблема с dreamweaver ROM Программирование 5 24.05.2010 08:46
Smile Seo Tools Sidius Софт оптимизатора, SEO утилиты 11 20.08.2009 16:41
AllSubmitter 4.7 vs. Smile: SEO Tools AggreSSor Софт оптимизатора, SEO утилиты 7 24.01.2009 22:59
SEO Tools 0.3 Igor Софт оптимизатора, SEO утилиты 3 31.07.2008 10:09

Текущее время: 08:59. Часовой пояс GMT +3.