Azadi
-
Posts
178 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Azadi
-
Или скрипт, или, как наиболее простой вариант: делаете ссылку блочной, задаете ей нужные размеры и бэкграундом ставите нужную вам картинку. А чтобы картинка менялась при наведении курсора, вам поможет А:hover.
-
Качаешь IE7 с сайта MS и устанавливаешь его основным браузером в системе, а IE6 качаешь откуда-нибудь отсюда и запускаешь отдельно в standalone режиме (если не ошибаюсь).
-
Можно ли закруглить таблицу с CSS без изображений?
Azadi replied to Eternal's question in HTML Coding
Ну через годков 5 можете смело пробовать. -
Wine+Photoshop 7 - как вариант
-
Совершенно не понял вашей задумки, но, как мне кажется, вы хотели такого поведения: <style type="text/css"> * { padding:0; margin:0; border:0; } .block_content_2{ float: left; width: 50%; min-height: 150px; overflow: hidden; _height: 150px; _overflow-x:hidden; _overflow-y:visible; } </style> </head> <body> <div class="block_content_2"> <img src="1.jpg" width="1024" /> </div> <div class="block_content_2"> <img src="1.jpg" width="1024" /> </div> </body>
-
Ужас какой. Ухх. Вам нужно сделать примерно так: <!-- Header --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding-left:10px;padding-bottom:50px"> <img src="ссылка на картинку" style="width:100%" /> </td> </tr> </table> <!-- /Header --> Но хочу заметить, что вам надо усердно прочитать хоть один учебник по HTML/CSS. На такую верстку смотреть просто страшно.
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin:0; padding:0; } BODY { padding:0 4% 0 4%; } .boxtext { background-color:#ccc; display:table; width:100%; } .boxtext .left{ width: 70%; height:100%; background:#3333CC; display:table-cell; //display:inline; //zoom:1; //vertical-align:top; } .boxtext .right{ width:30%; background:#009900; display:table-cell; //display:inline; //zoom:1; //vertical-align:top; } </style> </head> <body> <div class="boxtext"> <div class="left"><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p><p>текст</p></div> <div class="right">текст</div> </div> </body> </html> Данная конструкция прекрасно работает в совместимых со стандартами браузерах. В IE же ведет себя как в примере выше. В принципе, можно при помощи парочки скриптов заставить макет отображаться одинаково и в FF, и в Opera, и в IE. Но мне кажется, что вам это нафиг не надо Действительно проще таблицей.
-
http://flack.ru - почитайте про семантическую верстку, обратите внимание на статью Семантическая верстка ? советы и решения. Часть IV. Забудьте про таблицы, они здесь и не нужны. Я бы предложил вам вариант верстки, похожий вот на это. Кое-что упростить, убрать лишний код - и получится именно то, что вам нужно. Ну по крайней мере мне так кажется
-
Да, это из-за float, которые вы забыли очистить. Решений несколько, посмотрите здесь. А если говорить о макете, то он сделан не самым лучшим образом.
-
О, да у вас редкий баг IE6 с дублированием символов! Насколько я знаю, это связано с комментариями, находящимися между плавающими блоками.
-
Здравствуйте. Решил попробовать сверстать эластичный макет (с использованием em практически для всего) и столкнулся с проблемой. Вот на этой страничке пробник моей верстки. Пользователи Оперы, обратите внимание на ширину верхнего навигационного меню (#top_menu) - оно намного меньше, чем нужно. При этом во всех остальных браузерах, в которых я тестил эту страничку, с шириной меню все нормально. Размеры подгонял под все браузеры, чтобы при масштабировании верстка сильно не сыпалась Подскажите, пожалуйста, в чем может быть причина косяка и косяк ли это вообще?
-
Если у тебя картинка *.png с альфа-прозрачностью, используй для
-
Недавно знакомый прислал ссылку на вот эту пот страницу: http://disaen.com/misc/html/ Неплохая памятка для верстальщика, хотя многие пункты я бы не стал брать за правило. Как вы думаете, каких из выше перечисленных требований стоит придерживаться строго, а какие можно опустить?
-
float:left для UL и LI.
-
Чтоб не мучиться, добавь внутрь своего блока шириной 100% другой блок с padding:30px, и не указывай для него ширину. везде будет одинаково.
-
Можно попробовать поиграть с z-index, если совет N-Mak'а вам не подойдет. А книжка Бадда неплохая, только перевод местами ужасный.
-
Попробуйте применить для блоков nv-pager и pager свойство float:left. Дальше можно экспериментировать с margin:0 auto; и text-align:center;
-
Можно в форму добавить строчку вида: style="position:relative; top:(отступ сверху); left:(отступ слева)". Т.е. должно получиться что-то вроде Если не сработает, то можно попробовать style="margin-top:(сверху); margin-left:(слева)"... Или просто засунуть всю форму в контейнер DIV и его уже спозиционировать. А вообще верстка - жесть
-
http://webdev.lovata.com/2007/09/28/kogda-...se-nachinali-2/ 1. Книга создателя данного сайта вполне подойдет. 2. Методом тыка или пользуясь любой книжкой вроде "1001 трюк ...". 3. авторы Д. Котеров, А. Костарев, "PHP5: В подлиннике". вот что я советую
-
http://pepelsbey.net/pro/ddm-2/ Не знаю, подойдет ли данное решение вам, но лично мне оно очень нравится...
-
Нарыл в коде ну очень интересную для меня штуку, обьясните плз
Azadi replied to BogusUA's question in HTML Coding
Потому что в пункте меню создателями выделено столько места, сколько нужно именно под эту часть общей картинки #nav a { width: 70px; height: 22px; далее Вот лично мне кажется, что шрифт слишком маленький. У мен плохое зрение и я знаю комбинацию клавишь Ctrl+"+" в FF. А увеличить шрифт не могу, т.к. картинка... Что я обычно делаю в такой ситуации? Правильно, закрываю к черту такую страничку. А в случае отключенных картинок меню там все равно не видно. По крайней мере у меня -
Нарыл в коде ну очень интересную для меня штуку, обьясните плз
Azadi replied to BogusUA's question in HTML Coding
Все просто. Есть картинка - http://www.fortochki.kiev.ua/cool_css/style/menu-bg-ru.jpg Она кладется фоном для каждого пункта меню и просто сдвигается на определенное число пикселей по горизонтали при помощи свойства background-position. Для эффекта выделения эта же картинка сдвигается по вертикали на 21px. Преимуществом такого способа создания меню является то, что используется всего одна картинка и не нужен JavaScript. Недостатком считаю то, что данное меню является негибким и немасштабируемым, а при отключенных картинках его вообще не видно... -
http://riddle.pl/emcalc/ А мне привычнее просто писать для BODY {font-size:small}, а потом задавать для разных блоков текста размеры в процентах.
-
Возможно, дело в font-size. Попробуйте указать его отдельно для IE.
-
Или у вас, или у меня "неправильный" браузер IE6... В моем линия отображается идентично FF. Возьмите бубен, применить DOCTYPE... но бубен надежнее )