Jump to content

Noraad

User
  • Posts

    52
  • Joined

  • Last visited

Everything posted by Noraad

  1. http://jsfiddle.net/4BaAQ/8/ может я что лишнее убрал, но думаю суть вы поймете
  2. Здравствуйте, стоит задача с помощью CSS переоформить стандартный вывод статей в Joomla, помогите разобраться, уже все перепробывал, все плывет, вылезает за пределы.. http://jsfiddle.net/sYY8G/ - это структура html, создана джумлой, соответственно менять нельзя, нужно сделать как на картинке: Вот что на данный момент у меня..: http://jsfiddle.net/sYY8G/1/ причем кнопка читать далее должна быть всегда внизу, в 5px от края дива..Помогите пожалуйста, всю голову себе сломал над решением этого вопроса.. И желательно чтобы при увелечении текста ничего не съезжало (врятли превью будет больше того что на картинке, но мало ли..)
  3. тогда может выложите на jsfiddle.net и дадите здесь ссылку? так вам быстрее помогут, я думаю.
  4. Может вам это поможет? http://csstemplater.com/ http://xhtml.ru/instr/3col_creator/
  5. Спасибо большое. Подскажите, а по модулям джумлы можно спросить у вас?
  6. Вот ссылка http://jsfiddle.net/PALSe/ И так. нужно чтобы при изменении высоты блока черного цвета (mm) увеличивалась высота соответственно блока зеленого цвета (content) и соответственно серого блока (black_div). При этом зеленый блок должен не доставать 20px до низа прозрачного блока. Что-то вроде margin-bottom: 20px Собственно на месте блока черного цвета будет модуль вывода статей joomla, разумеется чем больше статей будет выводиться тем больше должна быть высота дива Вроде решил проблемму, поставив у блока height: auto; но подскажите, что значит много position? где они лишние и почему?
  7. Вас понял, щас сделаю
  8. Добрый день, столкнулся с проблеммой, перепробывал много решений, зашел в тупик..Подскажите, как реализовать следующее.. 1) прозрачный див (black_div) это родительский див, в котором лого, ниже меню, а еще ниже див белого цвета (content), и должен растягиваться вниз в зависимости от своего содержимого. Тоесть чем выше белый див, тем больше опускается вниз прозрачный.. 2) Див белого цвета (content) должен растягиваться по высоте в зависимости от своего содержимого, но всегда должен снизу отступать на 15-20 пикс. от прозрачного дива. 3) Див черного цвета это просто демо содержимого..как видно он не тянет ни белый, ни прозрачный див..а просто выходит за пределы.. Ниже структура HTML: <body> <div id="wrapper"> <div id="logo"></div> <div id="black_div"> <div id="logo_j"><img src="/joomla8/templates/krasota/image/logo.jpg" width="998" height="251" hspace="8" vspace="8" /></div> <div id=main_menu><jdoc:include type="modules" name="main_menu" style="xhtml" /></div> <div id="content"><div id="mm"></div></div> </div> <div id="niz"><footer>ladyplus.com.ua - все о женской красоте. © 2013 Все права защищены. Копирование материала возможно только при наличии прямой гиперссылки на сайт.</footer></div> </div> </body> Ниже CSS код: html, body { margin: auto; padding: 0px; position: relative; height: 100% } body { height: 100%; width: 1100px; padding: 0 0; margin: 0 auto; background: #ffffff url(../image/bg.jpg) no-repeat 50% 0; } #wrapper { display: block; position: absolute; text-align:left; margin: 0 top; width: 100%; height: 100%; } #logo { display: block; position: relative; background-image: url(../image/lady.png); width: 294px; height: 73px; margin: 5px 25px; } #black_div { <--это прозрачный див display: block; position: relative; overflow: hidden; width: 1050px; height: 100%; background-color: rgba(0, 0, 0, 0.4); margin: 10px 25px; border-radius: 8px; } #niz { min-height: 50px; /* для всех нормальных браузеров */ height: auto !important; /* для всех нормальных браузеров */ margin-bottom: -7em; /* отступ для футера */ margin-left: 25px; margin-top: 20px; } #footer { display: block; position: relative; width: 100%; height: 100%; font: arial regular 13pt; } #logo_j { display: block; position: relative; width: 1014px; height: 266px; background-color: #ffffff; border-radius: 8px 8px 0 0; margin-top: 20px; margin-left: 18px; } div.moduletablemain_menu { display: block; position: relative; width: 1014px; height: 30px; padding: 16px 18px; } div.moduletablemain_menu ul { padding: 0px; margin: auto; } div.moduletablemain_menu li { float: left; list-style-type: none; padding-right: 7px; line-height: 30px; } div.moduletablemain_menu li:last-child { padding-right: 0; padding-left: 2px; } div.moduletablemain_menu li:first-child { padding-right: 8px; } div.moduletablemain_menu a { display:block; line-height: 30px; text-decoration: none; color: #000000; background-color: #ecf1eb; border-radius: 5px; padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px; font: 14px sans-serif; } div.moduletablemain_menu a:hover { text-decoration: none; background-color: #000000; color: #ffffff; } #content { <-- это белый див display: block; position: relative; width: 1014px; height: 40%; margin-top: 0; margin-left: 18px; background: #ffffff; } #mm { <--это черный див width: 100px; height: 300px; background: #000000; } Помогите пожалуйста разобраться..
  9. Переписала на это: RewriteCond %{QUERY_STRING} ^ID=16 RewriteRule ^catalog/index.php$ /auto_id/pos/ [QSA,L,R=301] Спасибо! Теперь хотя бы какое-то движение намечается, но всё равно некорректно пока. Сейчас в конечном урле - http://www.сайт.ru/auto_id/pos/?ID=16 Как теперь убрать это "?ID=16" из него? UPD. Заработало корректно, страница переадресовывается, открывается, но ID=16 всё равно в адресе осталось... её можно насовсем убрать оттуда? Вам надо поискать в яндексе "создание человекопонятных ссылок" и посмотреть конкретно для вашего движка. Или ЧПУ (человекопонятные урлы)
  10. mrnobody, я вас очень прошу написать мне на почту - Noraad@yandex.ru, скайп - _noraad или в аську 483507363, хотел у вас кое-что спросить. Спасибо
  11. Тоесть в теории я могу просто в css, если в классах будет class="moduletable main_menu", писать просто .main_menu, верно?
  12. да, я это заметил, и поэтому спросил, но как тогда в css их описывать? с пробелом или без?
  13. а зачем тогда выбирать материал? Если мне просто нужно сделать переход на главную, выбрать тип пункта меню материал, то всеравно обязательно выбирать материал..
  14. В этой теме mrnobody мне объяснил, что меню можно задать класс..Но у меня почему-то получается вот так: Тоесть если вы заметите, joomla приписала moduletable слитно к main_menu + приписала слитно menu к first_class_меню...Почему и что делать? Помогите пожалуйста!
  15. При создании и редактировании пункта меню, как указать просто переход на главную страницу? Есть обычно меню..Главная Статьи Поиск Контакты... Так вот как кнопку главная сделать направляющей на главную страницу?
  16. Спасибо большое, очень помогли, даже в закладки пока добавлю)
  17. Господа, я разобрался, все заработало, когда я значение position: relative у блока wrapper поставил :absolute, а также поставил ширину враппера не 1000 px а 100%..почему заработало?
  18. Люди..я совсем запутался..первый раз такая проблемма..До этого верстал и ничего подобного не было. Вот html код: <div id="wrapper"> <div id="logo"></div> </div> Вот css: html, body { margin: 0px; padding: 0px; position: relative; height: 100% } body { height: 100%; width: 1100px; padding: 0 0; margin: 0 auto; } #wrapper { display: block; position: relative; text-align:left; margin: 0 auto; width: 1000px; height: 100%; background: #ffffff url(../image/bg.jpg) no-repeat 0 0; } #logo { display: block; position: relative; background-image: url(../image/lady.png); width: 294px; height: 73px; margin: 25px 5px; } В общем по какой-то причине при попытке позиционировать лого относительно wrapper, сам фон съезжает вниз...скриншот прилагается. Перетыркал все свойства. В чем проблемма? P.S. Нужно отодвинуть лого на 25px справа и 5 px сверху от фона.
  19. Спасибо большое, теперь все встало на своей места))))
  20. Спасибо за ответ, но как быть, если я хочу сделать не класс а например id.. Или переименовать класс..а где можно почитать про модули?
  21. Здравствуйте! Помогите разобраться.. Я только начал осваивать натяжку на joomla 2.5. Создал шаблон, разобрался как его установить, но возникла проблема с модулем меню..собственно модуль я подключил, но стили css теперь вообще криво работают, все поплыло.. Не пойму в чем дело, а главное не пойму как через css настраивать маркированный список, если в джумле вместо него вписывается jdoc:include.... P.S. Теперь стили работают, но почему-то joomla не видит картинки..Помогите разобраться..вот CSS код Еще дополню что изначально в index.php при отладке отображалось только <div id="nav"> и модуль меню (jdoc..), после того как создал меню появился какой-то <div class="moduletable"> причем видно его только при инспекции элемента в браузере..а в админке джумлы не видно.. Ниже то что сейчас отображается при инспекции элемента. <div id="nav"> <div class="moduletable"> <ul class="menu"> <li class="item-470"> <li class="item-471 current active"> </ul> </div> </div> А ниже то что в админке <div id="nav"> <jdoc:include type="modules" name="nava" style="xhtml" /> </div> Извините. Старался более детально описать проблемму..Поясните пожалуйста, как решить ситуацию, понимаю, что нужно переписать CSS но не понимаю как это теперь должно выглядеть.. В общем все заработало, после того как переписал css под этот класс..только вот вопрос, откуда я должен был узнать, что джумла там что-то насоздавала, еслибы не посмотрел случайно в инспекции элементов? Это где-то фиксируется в админке? Как это контролировать?
  22. Здравствуйте! Помогите разобраться.. Я только начал осваивать натяжку на joomla 2.5. Создал шаблон, разобрался как его установить, но возникла проблема с модулем меню..собственно модуль я подключил, но стили css теперь вообще криво работают, все поплыло.. Не пойму в чем дело, а главное не пойму как через css настраивать маркированный список, если в джумле вместо него вписывается jdoc:include.... P.S. Теперь стили работают, но почему-то joomla не видит картинки..Помогите разобраться..вот CSS код Еще дополню что изначально в index.php при отладке отображалось только <div id="nav"> и модуль меню (jdoc..), после того как создал меню появился какой-то <div class="moduletable"> причем видно его только при инспекции элемента в браузере..а в админке джумлы не видно.. Ниже то что сейчас отображается при инспекции элемента. <div id="nav"> <div class="moduletable"> <ul class="menu"> <li class="item-470"> <li class="item-471 current active"> </ul> </div> </div> А ниже то что в админке <div id="nav"> <jdoc:include type="modules" name="nava" style="xhtml" /> </div> Извините. Старался более детально описать проблемму..Поясните пожалуйста, как решить ситуацию, понимаю, что нужно переписать CSS но не понимаю как это теперь должно выглядеть.. В общем все заработало, после того как переписал css под этот класс..только вот вопрос, откуда я должен был узнать, что джумла там что-то насоздавала, еслибы не посмотрел случайно в инспекции элементов? Это где-то фиксируется в админке? Как это контролировать?
  23. случайно продублировал тему..
  24. здравствуйте еще раз) Простите не могли бы вы написать мне в скайп noraad_ или ответить в теме по меню и джумле..Больная тема, никак не могу разобраться..

×
×
  • 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