Kaylang
-
Posts
81 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Kaylang
-
empty-cells:show
-
Про телепатов и волшебников я в курсе, бабушка писала. Все необходимое касательно проблемы я выложил в топике. Даже невзирая на то, что это Джумла, выложенных данных хватает. В принципе, проблема таки в табличном представлении div'ов. Не знаю по какой причине у них паддинги и маргины отличны от нуля. По крайней мере, только Опера показывает их так, как надо, остальные браузеры добавляют ненужное мне пространство. В качестве решения проблемы решил просто переверстать одним из старых методов для трехколоночной верстки. Всех благодарю за внимание и попытки помочь!
-
Ну, если по делу ответить нечего, то можно и за волшебным шаром. ЗЫ. Непристало модеру флудить. А по теме, судя по всему, трабл в параметрах display:table, display:table-row или display:table-cell.
-
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?
Kaylang replied to vovchikku's question in HTML Coding
вот это: <div align="center"> замени на: <div id="wrap"> в CSS вставь: #wrap{ widht:974px; margin:0 auto; } -
сайт на локале.
-
точные размеры трехколоночного макета, чтоб не разъезжался
Kaylang replied to Осенний Дождь's question in HTML Coding
Ты спросил мнение про твой макет, я тебе ответил. Этот макет лучше твоего. Вложенность меньше, чем в твоем. Про "position:.;" не понял. -
точные размеры трехколоночного макета, чтоб не разъезжался
Kaylang replied to Осенний Дождь's question in HTML Coding
Плохо искал. Есть там и с контентом наверху. -
точные размеры трехколоночного макета, чтоб не разъезжался
Kaylang replied to Осенний Дождь's question in HTML Coding
Имхо, фигня каркас. Если хотел просто три колонки, то можно сделать значительно проще. И если хотел трехколоночный с одинаковыми колонками, то тоже есть проще и лучше. Посмотри хотя бы тут. Там есть куча вариантов. -
Возможно народ.ру не хочет воспринимать кодировку отличную от windows-1251.
-
а зачем в данном случае картинке инлайн? возможно дело в чарсете. попробуй windows-1251 вместо utf-8. А если смотришь в FF, то он часто не "подхватывает" UTF-8, даже если чарсет явно задан. Посмотри в какой кодировке он тебе показывает страницу. Наверняка 1251, вместо UTF-8.
-
точные размеры трехколоночного макета, чтоб не разъезжался
Kaylang replied to Осенний Дождь's question in HTML Coding
маргины и паддинги по разному отображаются в разных браузерах. могу посоветовать использовать разные значения этих парметров для различных браузеров. -
А просто добавить картинке align=left не хватило бы?
-
Вставь <div class="clear"></div> между третьим и четвертым боксом.
-
Затем, что если не очистить, то footer тоже начинает "плавать". А ты куда вставил div очистки? Если в то место, куда я указал, то должно работать правильно. Надеюсь ты не вставлял clear:both; в свойства всех дивов? ЗЫ. Кажется понял проблему с div'ами "menu" и "content". Походу, у тебя боксы слишком расширяют div "content" и "menu"+"content" становятся шире 1000px. Ну, да. 6 боксов шириной (240px+10px в марджинах) итого 250*6=1500px. А у тебя "container" всего 1000px. И задай div'у "content" свойство overflow:hidden;.
-
Кто такую фигню верстает? За такое количество echo надо лишать доступа к компьютеру лет на 5, имхо. ЗЫ. По теме, ищи все <table>, <tr> и <td> и меняй их на дивы. Если с дивами хоть немного знаком, сможешь сам сделать. <table> - div-обертка для блока <tr> - div-обертка для строки <td> - div'ы с float:left
-
Это не хак. Это очистка свойства float. Попробуй так: <body> <div id="container"> <div id="header">Header - Logo</div> <div id="hauptbox"> <div id="menu"> <p><a href="">Alles</a></p> <p><a href="">Fotos</a></p> <p><a href="">Videos</a></p> <p><a href="">Anderes</a></p> </div> <div id="content"> тут боксы. </div> <div class="clear"></div> <!— Update: !!!Сорри, только сейчас заметил, что не закрыл див.!!! —> </div> <div id="footer">Praktikum1 - Advanced Rich Media Applications - Fedak Oleg</div> </div> </body> А в CSS добавь: .clear{ clear:both; }
-
Добавить див со свойством clear:both не пробовал?
-
Доброго времени суток, всемогущий All! Ситуация: Верстаю шаблон для Joomla 1.5. Три колонки. Решил пойти путем display:table При этом, чтобы весь шаблон был без таблиц, скопировал папку html из шаблона Beez. Таким образом код генерируемой страницы получается таким (вставляю только интересующую часть): <div id="middle_container"> <div id="middle_wrap"> <div id="left"> <div class="moduletable_news"> <h3>Наши новости</h3> <ul class="vert_news"> <li> <p>Администрация располагается по адресу: via Banetti,50 - 21027 Ispra (Varese)</p><span class="article_separator"> </span> </li> <li> <p>Билингвистический академический центр проводит день открытых дверей и запись.</p> <a href="/aist/index.php?option=com_content&view=article&id=163%3Ah-&catid=2&Itemid=2〈=ru" class="readon">Подробнее ... </a> <span class="article_separator"> </span> </li> <li> <p>Для детей: Русский язык и Русская школа.</p> <a href="/aist/index.php?option=com_content&view=article&id=165%3A2010-10-06-14-45-09&catid=2&Itemid=2〈=ru" class="readon">Подробнее ... </a> <span class="article_separator"> </span> </li> <li> </ul> </div> </div><!--left--> <div id="center"> /* тут контент. */ </div><!--center--> <div id="right"> <div class="moduletable_ob"> <h3>Объявления</h3> <ul class="vert_ob"> <li> /* тут контент правой колонки */ </li> </ul> </div> </div><!--right--> </div><!--middle_wrap--> </div><!--middle_container--> CSS: #middle_container{ border:1px solid #333; display:table; width:962px; margin:5px 0; padding:5px; } #middle_wrap{ width:100%; display:table-row; } #left{ border:1px solid #000; background-color:FFF; width:240px; display:table-cell; overflow:hidden; margin:0; padding:0; } #center{ border:1px solid #000; width:470px; display:table-cell; overflow:hidden; padding:5px 0 0 0; } #right{ border:1px solid #000; background-color:FFF; width:240px; display:table-cell; overflow:hidden; padding:5px 0 0 0; } div.moduletable_news,div.moduletable_ob{ border:1px solid #f0f; background-image:url(../images/block_header.png); background-position: top center; background-repeat:no-repeat; margin:0px 5px 16px 5px; padding:0px; width:230px; } div.moduletable_news>h3,div.moduletable_ob>h3{ font-size:16px; font-family:Georgia, Times, serif; text-align:center; line-height:38px; color:#FFF; padding:0; margin:0; } бордеры поставил, чтобы разобраться с траблом. Трабл заключается в том, что в FF и Chrome над дивами moduletable_news и moduletable_ob появляется свободное пространство порядка 15-20px. В IE8, Опере и Сафари такой ерунды не наблюдается. Скрины: Уже мозги сломал с этой фигней. Может у кого будут идеи, как обороть ее? Заранее благодарен.
-
Может стоит явно указать единицы измерения?
-
Просто я года два назад делал сайт на 3 языка (итальянский, немецкий и английский) для одной туристической конторы и делал таблицы с полями типа: it_news, de_news, en_news а потом выборку по префиксам поля для нужного языка. Просто поинтересовался, может кто по другому делает. Я тогда только начинал программировать для web, соответственно еще не сильно задавался вопросами оптимизации...
-
На каждый язык отдельные таблицы делаете?
-
Попробуй перенести в template_css.css это: .head { PADDING-RIGHT: 20px; FONT-SIZE: 14px; PADDING-TOP: 2px } /* розовая буквица - я понял что это не first-letter так как ослик не хавает его */ .advetising { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #0133E0 } /* розовая фиговина */ .advetising_line { COLOR: #ff3399; BACKGROUND-COLOR: #ff3399 } а в index.php это: <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD class=head style="PADDING-LEFT: 5px" rowSpan=3><NOBR> <SPAN class=advetising>П</SPAN>роверка</NOBR> </TD> <TD style="FONT-SIZE: 9px" width="100%" height=5> </TD> </TR> <TR> <TD class=advetising_line style="FONT-SIZE: 6px" height=8> </TD> </TR> <TR> <TD style="FONT-SIZE: 4px" height=3> </TD> </TR> </TBODY> </TABLE>
-
Так ты говоришь о функции include() языка PHP. Тогда тебе надо быть уверенным, что твой сайт поддерживает PHP. Для проверки сделай файл info.php <?php phpinfo();?> и запусти его. Возможно придется прописать в файле конфигурации Апача, чтобы запускал файлы с раширением php. Ты правильно понял. Создай файл header.html. Чтобы меньше возиться, сначала сделай шапку в файле index.html, потом вырежи весь код относящийся к шапке и вставь его в файл header.html. Функция include() просто берет текст из файла, который ты указываешь, как параметр и вставляет его в том месте в коде, где эта функция у тебя указана. Надеюсь объяснил понятно.