Noraad
User-
Posts
52 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Noraad
-
http://jsfiddle.net/4BaAQ/8/ может я что лишнее убрал, но думаю суть вы поймете
-
Здравствуйте, стоит задача с помощью CSS переоформить стандартный вывод статей в Joomla, помогите разобраться, уже все перепробывал, все плывет, вылезает за пределы.. http://jsfiddle.net/sYY8G/ - это структура html, создана джумлой, соответственно менять нельзя, нужно сделать как на картинке: Вот что на данный момент у меня..: http://jsfiddle.net/sYY8G/1/ причем кнопка читать далее должна быть всегда внизу, в 5px от края дива..Помогите пожалуйста, всю голову себе сломал над решением этого вопроса.. И желательно чтобы при увелечении текста ничего не съезжало (врятли превью будет больше того что на картинке, но мало ли..)
-
тогда может выложите на jsfiddle.net и дадите здесь ссылку? так вам быстрее помогут, я думаю.
-
Может вам это поможет? http://csstemplater.com/ http://xhtml.ru/instr/3col_creator/
-
Спасибо большое. Подскажите, а по модулям джумлы можно спросить у вас?
-
Вот ссылка http://jsfiddle.net/PALSe/ И так. нужно чтобы при изменении высоты блока черного цвета (mm) увеличивалась высота соответственно блока зеленого цвета (content) и соответственно серого блока (black_div). При этом зеленый блок должен не доставать 20px до низа прозрачного блока. Что-то вроде margin-bottom: 20px Собственно на месте блока черного цвета будет модуль вывода статей joomla, разумеется чем больше статей будет выводиться тем больше должна быть высота дива Вроде решил проблемму, поставив у блока height: auto; но подскажите, что значит много position? где они лишние и почему?
-
Добрый день, столкнулся с проблеммой, перепробывал много решений, зашел в тупик..Подскажите, как реализовать следующее.. 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; } Помогите пожалуйста разобраться..
-
Переписала на это: 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 всё равно в адресе осталось... её можно насовсем убрать оттуда? Вам надо поискать в яндексе "создание человекопонятных ссылок" и посмотреть конкретно для вашего движка. Или ЧПУ (человекопонятные урлы)
-
Как в joomla 2.5 указать пункту меню путь на главную?
Noraad replied to Noraad's question in HTML Coding
mrnobody, я вас очень прошу написать мне на почту - Noraad@yandex.ru, скайп - _noraad или в аську 483507363, хотел у вас кое-что спросить. Спасибо -
Тоесть в теории я могу просто в css, если в классах будет class="moduletable main_menu", писать просто .main_menu, верно?
-
да, я это заметил, и поэтому спросил, но как тогда в css их описывать? с пробелом или без?
-
Как в joomla 2.5 указать пункту меню путь на главную?
Noraad replied to Noraad's question in HTML Coding
а зачем тогда выбирать материал? Если мне просто нужно сделать переход на главную, выбрать тип пункта меню материал, то всеравно обязательно выбирать материал.. -
В этой теме mrnobody мне объяснил, что меню можно задать класс..Но у меня почему-то получается вот так: Тоесть если вы заметите, joomla приписала moduletable слитно к main_menu + приписала слитно menu к first_class_меню...Почему и что делать? Помогите пожалуйста!
-
При создании и редактировании пункта меню, как указать просто переход на главную страницу? Есть обычно меню..Главная Статьи Поиск Контакты... Так вот как кнопку главная сделать направляющей на главную страницу?
-
Спасибо большое, очень помогли, даже в закладки пока добавлю)
-
Господа, я разобрался, все заработало, когда я значение position: relative у блока wrapper поставил :absolute, а также поставил ширину враппера не 1000 px а 100%..почему заработало?
-
Люди..я совсем запутался..первый раз такая проблемма..До этого верстал и ничего подобного не было. Вот 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 сверху от фона.
-
Спасибо большое, теперь все встало на своей места))))
-
Спасибо за ответ, но как быть, если я хочу сделать не класс а например id.. Или переименовать класс..а где можно почитать про модули?
-
Здравствуйте! Помогите разобраться.. Я только начал осваивать натяжку на 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 под этот класс..только вот вопрос, откуда я должен был узнать, что джумла там что-то насоздавала, еслибы не посмотрел случайно в инспекции элементов? Это где-то фиксируется в админке? Как это контролировать?
-
Здравствуйте! Помогите разобраться.. Я только начал осваивать натяжку на 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 под этот класс..только вот вопрос, откуда я должен был узнать, что джумла там что-то насоздавала, еслибы не посмотрел случайно в инспекции элементов? Это где-то фиксируется в админке? Как это контролировать?