HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
IE показывает границы между картинками фона
Здравствуйте, помогите новичку советом. Делаю сайт yasenevka2012.narod.ru В IE видны границы между картинками, как их убрать, привожу код шашки: <table border="0" cellpadding="0" cellspacing="0" width="1000" align="center"> <tr> <td class="menu1" colspan="2" background="images/up01.jpg" width="1000" height="60"><blockquote><blockquote><blockquote> <a name="start" id="start"></a> Транспортные услуги <a href="contact.htm">Контакты</a> </blockquote></blockquote></blockquote></td> </tr> <tr><td width="1000"> <!--2 table begin --> <table width="1000" b…
0 votes3 answers -
Элемент div как ссылка
Всем привет. Меня попросили скопировать дизайн сайта дизайнерской мебели, сайт сделан во flash, я делаю его в HTML.Вот ссылка на этот сайт Я решил начать с меню, вернее с подменю - блоки с ч/б фото, при наведении указателя на которые они становятся цветными, это мне удалось реализовать, но как сделать так что бы весь блок был ссылкой? Вот мой дэмо сайт где вы можете посмотреть то что получилось и посмотреть код. И вообще правильно ли поступил засунув фото в div ? может правильне было таблицу сделать?
0 votes10 answers -
Поведение img и a при абсолютном позиционировании в IE
В итоге некоторых мучений создал тестовый код, который в IE и в браузерах ведет себя по разному. Вот ссылка img-click-test Тут слой с картинкой (z-index:10) размещен под слоем со ссылками (z-index:1000). При чем одна ссылка залита фоном, другая - нет. Собственно, там, где слои пересекаются, не залитая ссылка перестает кликаться. Это проявляется во всех версиях IE включая 9. Удалось починить багу дедовским способом пусканием фона с прозрачной картинкой на ссылке. Может кто знает, как можно решить это более элегантным способом без лишней графики? <!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> #img…
0 votes2 answers -
Проблемма с вёрсткой
Вот вёрстка - http://ack.webatu.com/an/ В Mozilla Firefox, всё работает как надо. А вот в Chrome, Safari, Opera. - Отображение неверное... Слайд изображение имеет отступ от внешнего блока... Как только не пробовал не выходит...
0 votes5 answers -
Проблема с банером
Добрый день. Проблема такая: я добавил рекламный блок на свой сайт, но он при изменении размера браузера он начинает наезжать на другие объекты. Банер заключён в тег <p> <p style="bottom: 100px; right: 1300px; top: 100px; left: 10px; position: absolute; padding: 10px; clear: both;"> Как исправить?
0 votes3 answers -
Верстка для начинающего.
Доброе время суток всем, кто бы мог поделиться psd макетом для верстки начинающего. Не шипко сложного формата и что бы верстать приходилось не из jpg картинки.
0 votes0 answers -
Не работает атрибут width в ячейке таблицы. Почему?
Всем привет ) Пишу скрипт для закрепления строк и столбцов в таблице. Столкнулся с проблемой: значение width атрибута style тега td работает не так, как я того ожидал. Почему и как это исправить? Вся относящаяся к проблеме информация отражена на скрине. в коде html прописано <td style="width: 263px">, а по факту 247px UPD: моих скудных знаний не в верстке хватает, чтобы решить проблему UPD2: всем помогающим спасибо и + к карме
0 votes3 answers -
Кроссбраузерная верстка
Доброго времени суток. Приношу свои извинения за вопрос =), так как он довольно таки "детский". Но я действительно никак не могу найти учебник или книгу, либо хорошую статью, где бы нормально С САМОГО НАЧАЛА рассказывалось о кроссбраузерной верстке. В гугле напарываюсь только на крохотный статейки на тему зачем нужна такая верстка, или же на описание отдельных приемов и хаков. Конкретно сейчас мне надо отдельно для mozillа описать пару классов, в уже существующем большом .css файле. Странно все ругают explorer но пока что самые большие проблемы, лично у меня, возникают именно с mozilla =).
0 votes1 answer -
Растянуть div на всю свободную высоту
Не могу растянуть DIV по высоте не один способ не работает (( Помогите! <div id="wrapper"> <div id="header"></div> <div id="content"> </div> </div> html, body { font-family: Arial, Helvetica, sans-serif; height:100%; } #wrapper { width: 1200px; margin: 0 auto; } #content { min-height:100%; height:100%; _height:100%; }
0 votes5 answers -
как одним кликом развернуть подкатегории и уйти на ссылку?
У меня возникла задача сделать так, чтобы с помощью одного нажатия на категорию открывались и подкатегории и переходила по ссылке на основную категорию... В общем на словах трудно объяснить... Сайт duduka.ru Допустим категория АКЦИЯ При нажатии на нее должно одновременно перейти по ссылке АКЦИЯ и открыть подкатегории(для мальчиков, для девочек) Помогите пожалуйста! Сам не могу разобраться..
0 votes6 answers -
оформление заголовков
доброго времени суток, уважаемые форумчане! возникла потребность оформления множества заголовков в стиле газетных блоков. так вот вопрос - как это реализовать? можно а тегах <h2> сделать background с точкой и padding слева. поставить position left center, а с другой стороны как? можно несколько бэкграундов - но это не кроссбраузерно. также :after :before использовать - опять же, ие врядли отобразит как положено. посоветуйте решение, как сделать?
0 votes2 answers -
Слепые зоны у кнопок
Я кодер, а не верстальщик, но по воле судьбы приходится верстать. Вот возникла проблема у нас на сайтах (http://stranadobra.ru http://bysmile.by - впринципе, они одинаковы, разве что для разных стран). Браузер Chrome. На картинке показаны некоторые из зон (уверен, что их больше даже на этой кнопке), нажимая на которые никаких действий не происходит. Разве что утапливание кнопки срабатывает (active), hover срабатывает, но ставка не делается. Тоже самое наблюдается на многих других кнопках на сайте. За основу взят bootstrap + навешивал свои стили. Увидеть на практике, в принципе, можно лего: незалогиненным (чтобы не поставилась ставка) попробуйте отыскать эти зоны. <bu…
0 votes6 answers -
И снова верстка рассылок
Новичок в верстке рассылок. Столкнулся сходу с несколькими вопросами. Как я понимаю, верстать нужно таблицей с применением инлайн-стилей, а также желательно без фоновых изображений. Тогда передо мной стал вопрос: как можно сверстать такую рассылку? А именно: как подложить фон и сделать текст текстом и как обтекать рисунок? Может быть единственный выход это вообще все сделать картинками...?
0 votes7 answers -
Категории в Select (с optgroup)
Ребят, подскажите с добавлением категорий в select (категории хранятся в БД "рекурсивно"). Имеется следующий код, но он для UL, LI. Пытался переделать его в select и optgroup - что-то не получается.. //Выбираем данные из БД $result=mysql_query("SELECT * FROM categories"); //Если в базе данных есть записи, формируем массив if (mysql_num_rows($result) > 0){ $cats = array(); //В цикле формируем массив разделов, ключом будет id родительской категории while($cat = mysql_fetch_assoc($result)) $cats[$cat['parent_id']][] = $cat; } function build_tree($cats,$parent_id){ if(is_array($cats) and isset($cats[$parent_id])){ $tree = '<ul>'; foreach($cats[…
0 votes0 answers -
фоновый рисунок в tr для IE7
Добрый день, есть конструкция с двумя фоновыми рисунками: <style> #left{background:url(images/left.jpg) no-repeat transparent; min-height:550px;} #left_menu_bg{background:url(images/leftbg.jpg) 180px center repeat-y;} </style> <tr id="left_menu_bg"> <td id="left"> ... </td> <td id="content"> ... </td> </tr> в IE7 фоновый рисунок строки не отображается. Подскажите, пожалуйста, чем это может быть вызвано и как с этим бороться?
0 votes6 answers -
Горизонтальная прокуртка в Опере и overflow. Не могу их подружить.
Привет народ! Подскажите кто нибудь пожалуйста (уже мозги себе сломал). У меня на сайте сейчас (см. рис.) #main-wrapper { overflow: visible; } в результате на стреницах с цумом дикая горизонтальная полоса прокрутки в Опере http://wenishop.ru/dlya-samykh-malenkikh/tsarapki-pinetochki/pinetki-detskie Единственный выход ее убрать это задать (писал сам може и бред): #main-wrapper { overflow-y: visible; overflow-x: auto; } Но, в этом случае Цум не выходит за границу контейнера. Может есть другое решенеие, чтобы и за границу контейнера выходило, горизонтальной прокрутки не было?
0 votes4 answers -
на сайт ленту новостей
подскажите как можно поместить на свой сайт вот эту ленту новостей http://ru.pokerstrategy.com/rss/all/_uLLPDC
0 votes3 answers -
не отображается вебкит в сафари и хром
Это черновой вариант страницы для теста использования закругления углов средствами CSS. Интересно то, что при первом просмотре всё работало, но потом перестало просто отображаться в хром и яндекс интернет. Как оказалось также не работает и в сафари. Думаю что-то я не так ввёл а теперь не могу разобраться где накосячил. К стати если выложите как можно упростить данный код буду так же признателен. BODY { text-align: center; /* Выравнивание блока по центру */ margin-top: 0; } A IMG { border: none; /* Убираем границу */ } .os { background: url(images/fon.png) repeat-x right top; margin: auto; /* Отступы вокруг блока */ width: 8…
0 votes2 answers -
помогите с вебкитами
возможно не там создал первую тему, но вот на неё ссылка: http://forum.htmlbook.ru/index.php?showtopic=39857 заранее спасибо!!!
0 votes0 answers -
способы горизонтального выравнивания
помогите пожалуйста понять насколько можно считать хаком предложенный способ горизонтального выравнивания. или скажите, что он вполне соответствует спецификации тыц дело в том, что такой способ не работает. и такой тоже
0 votes3 answers -
эмуляция mac-браузеров
подскажите пожалуйста существует ли возможность посмотреть страничку в маковских браузерах при этом находясь в windows или linux? интересует примерно такое, но бесплатное
0 votes1 answer -
показать/спрятать элемент не выходит?
Всем привет. Я совсем новичок. Подскажите, если не сложно. Ниже пример кода (упростил как мог). Суть задачи - по наведении на иконку меняется фон по дней + появляется подсказка с пояснением. Так вот - фон отрабатывает на ура. А help1 не появляется. Уже бьюсь несколько часов как рыба от лед. Ведь наверняка что-то на поверхности, но не вижу?! Стиль: <style> .help1{ visibility: hidden; } .icon_style { width: 45px; height: 45px; background: rgba(200, 200, 200, .1); } .icon_style a { display:block; } .icon_style a:hover { background: rgba(200, 200, 200, .3); } .icon_style a:hover + .help1 { visibility: visible; } </style> ХТМЛ: <body> …
0 votes6 answers -
Прошу оцените наработку.
Писал сайт в первый раз, пишу в первую очередь для изучения, поэтому может быть множество ошибок, но всё же хочется что бы кто-нибудь оценил, и указал на мои ошибки. http://crazyfox.servegame.com p.s. регистрацию только пишу, точнее разбираюсь как написать.
0 votes5 answers -
z-index
Дано: <div id="one"> <div id="two"></div> </div> <div id="three"></div> Как сделать, чтобы второй блок перекрывал третий, но третий при этой перекрывал первый? #one{ position: absolute; left: 0px; top: 20px; z-index: 10; } #two{ position: absolute; left: 50px; top: 30px; z-index: 15; } #three{ position: absolute; left: 100px; top: 30px; z-index: 12; } Такие стили дают результат, при котором 2й блок перекрывает только 1й и их оба перекрывает 3й (несмотря на з-индекс).
0 votes4 answers -
возможности тега <a href...
Здравствуйте, будьте добры подскажите как сделать ссылку на странице так, что бы после перехода на другой сайт(она открывается в этом же окне), возможности вернутся обратно не было? То есть стрелки в браузере вернуть действие назад не появлялась
0 votes4 answers