HTML Coding

29,542 questions in this forum

1. Странный косяк( при увеличении или уменьшении сайта)

   #pravo { position:relative; width:280px; height:284px; margin: 5px 0px; padding:0px 0px; border: 0px; float:right;} #menu_a { position:relative; width:250px; height:49px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_verh.png); } #menu { position:relative; width:250px; height:231px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_center.png); } #menu_b { position:relative; width:250px; height:44px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_niz.png); } #menu_a a:link, #menu a:link, #menu_b a:link, #menu_a a:visit…

   Asked by doox911, February 6, 2012

   0 votes
   14 answers
2. Проблема работы с Dreamweaver CS5

   Помогите кто знает. Может можно в dreamweaver CS5 сделать так чтобы он при сохранении шаблона или стилей не сохранял и картинки, а то это парой очень сильно раздражает. Или тут нет польльзователей dreamweaver?

   Asked by antonP, October 13, 2010

   0 votes
   38 answers
3. Padding, margin. Firefox и Chrome делают по разному.

   Первый вопрос сразу же такой: почему в Firefox, чтобы сделать примерно ВИЗУАЛЬНО равные padding'и, нужно ставить разные числовые значения. padding-top: 25px; padding-bottom: 12.5px; Вот как это выглядит. Там можно определять все по border.http://pbrd.co/12SWI4e Вторая штука в том, что Chrome вообще игнорирует все, и ставит какой-то бешеный padding. И не важно будешь ты ему ставить 25px или 12.5px. Вот картинка: http://pbrd.co/12SXWMO Помогите пожалуйста, потому что я в кроссбраузерности вообще не шарю. Вот весь код: HTML: <div class="about"> <p style="color: #d4dde0;"><span style="font-size: 0.9em; color: white; font-weight: 900;font-s…

   Asked by Michael Myers, July 20, 2013

   0 votes
   4 answers
4. Как сделать разные таблицы в одном документе?

   Если задача сделать несколько таблиц. Все они должны быть разные. Вот картинки. 1. таблица Имеет бордер 2 пиксела, высоту ячеек 20 пикселов. 2. таблица Только некоторые ячейки имеют обрамление, другие бордера не имеют. Высота фиксированная 3. таблица Там вообще все разное. И высота ячеек (надо делать разраничения блоков) и цвет текста внутри ячейки и бэк в ячейке разного цвета. Делаю это через CSS. Таблица объявляю как: <table class="table1" width="830"> <tr> <th width="100" bgcolor="#ece5dc">Номера</td> <td width="100" bgcolor="#ece5dc">Май</td> <td width="100" bgcolor="#ece5dc">Июнь</td> &…

   Asked by amv, December 5, 2013

   0 votes
   5 answers
5. точки между словами

   Граждане Гуру, помогите с такой проблеммой: нужно сделать точки между словам таким образом, чтобы они были от конца первого слова и до начала второго. Пример: Слово1..........................................слово2 второе слово..............................третье слово попробую пояснить цель: нужно первые слова прижимать влево, вторые вправо, а между ними точки. Обычное форматирование сбивается при изенении шрифта, его параметров и т.д. Идея бала такая: Контейнер DIV, в который будут вложенны блоки DIV играющие роль строк полностью до конца набитые точками, а уже во внутрь строковых DIVвов с точками вложить по два дива, прижатые один к левой и другой к правой границе строч…

   Asked by vovik, July 7, 2012

   0 votes
   2 answers
6. Адаптивная вёрстка под iPhone

   Знаю, что глупый вопрос, но как сделать, чтобы на айфоне\айпаде при масштабировании контента он изменялся по ширине, а не оставался фиксированной ширины. Структура представляет из себя блок с шириной 100%, в нём еще 1 блок с шириной 100%, и в нём еще много блоков с шириной 100%, я так понял, что 100% берётся от размера документа. А нужно от размеров области просмотра. <meta name=”viewport” content=”width=320"> не помогает. Заранее спасибо

   Asked by Briss, April 15, 2013

   • iPhone
   • Responsive
   • css
   • html
   0 votes
   6 answers
7. Не работает overflow в Safari

   Всем привет! Народ, есть лендинг: http://fenix-63.hol.es/bulvar/ Вот эта часть (раздел цены и условия занятий): https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/998283 в браузере Safari выглядит очень ужасно. CSS-свойство overflow:hidden тут как то по-другому работает. Народ, подскажите, как это исправить? А то я уже голову сломал.

   Asked by fenix_63, September 6, 2016

   • html
   • css
   • crossbrowser
   • safari
   0 votes
   3 answers
8. Выражение "инсертите" - что это?

   Приветствую всех! Подскажите, что означает выражение: "поменяйте DIV на табличку с 4 колонками и жестким размером по ширине и инсертите туда отдельно каждую кнопку." Я просмотрел справочник по тегам но ничего похожего не нашел. Что это за тег? <table class="razdel5"> <tr> <td width="225" height="50" align="center" background="ABS_Tyagach.swf"> <a href="http://www.abs-systems.ru/price_01.html" class="razdel">Составляющие антиблокировочной системы тормозов АБС-Тягача*</a></div> </td> <td width="225" height="50" align="center" background="ABS_Pricep.swf"> <a href="http://www.abs-systems.ru/price_02.html" class="razdel">…

   Asked by admelj, July 8, 2009

   0 votes
   15 answers
9. IMG width в %

   Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <body style="width:100%"> <table width=100%><tr><td> <img src="image.jpg" width=100%> </td></tr></table> </body> </html> Размер image.jpg больше размера экрана (картинка 1500x750, экран (в моем случае) 1280x800). В FF и IE8 картинка масштабируется по ширине экрана, в IE6 и IE7 - отображается в оригинальном размере. Как заставить IE6 и IE7 тоже сжимать картинку?

   Asked by lazybaby, March 21, 2009

   0 votes
   32 answers
10. Внутреннее свечения средствами css

    День добрый! Подскажите, пожалуйста, каким образом можно сверстать вот такой блок, состоящий, по сути, из трех блоков, средствами css? В ступор ввело то, что тенюшка внутри блоков сделана внутренним и внешним свечениями. Картинками верстать не очень бы хотелось.

    Asked by Xenia Wanger, June 30, 2014

    • внутреннее свечение Css
    0 votes
    3 answers
11. css validation небольшие недочеты

    Сабж. стоит ли обращать внимание на эти ошибки?

    Asked by rus, October 15, 2009

    0 votes
    19 answers
12. Картинка для меню

    Здраствуйте, у меня появились трудности с добавлением дизайна для существующего меню. Есть меню которое выводится динамически с помощью php-скрипта. Также есть рамка для этого меню. Использовать рамку как бекграунд, не желательно потому как меню состоит их блоков ссылок и у всех блоков разные параметры высоты и ширины, прид?тся для каждой картинки делать отдельный фон (а если в меню будут добавляться разделы? %)) т.е. морока полная. Самый логичный для меня вариант, это построение рамки динамически (разбив рамку на верх, низ и боковую рамку дублирующуюся в зависимости от размера дива, в котором расположено меню ). Но это получается тогда новый див с картинками и как его на…

    Asked by Tairon, July 25, 2008

    0 votes
    8 answers
13. Два дива наползают друг на друга

    Нужно расположить три блока внизу страницы. Один слева, второй справа и третий должен растягиваться между ними. Вот код http://ulskiy.org.ua/example/example.html Почемуто центральный блок <div class="bottomheadercenter">текст между картинками</div> наползает на левый. Помогите пожалуйста разобраться почему.

    Asked by Casufi, September 21, 2007

    0 votes
    6 answers
14. background-position в firefox

    Господа! Возникла проблема с FireFox. Суть проблемы заключается в следующем. HTML: <html> <head> <link rel="stylesheet" href="style/style2.css" type="text/css" media="screen"> </head> <body> Тут много текста. Столько, что не убирается на одну высоту окна. </body> </html> CSS: html, body { margin:0; padding:0; position:relative; width:100%; height:100%; } body { background-image:url(logo_lines.png); background-repeat:no-repeat; background-position:95% 100%; /* background-position:97% bottom; */ } Создается такое впечатление, что ff считает высоту у body 100% равную одной высоте окна браузера, а не полную высоту, кото…

    Asked by Zov, July 10, 2009

    0 votes
    11 answers
15. Всплывающая картинка при нажатии на input type="submit"

    Подскажите, как сделать, чтобы при нажатии на <input type="submit" class="form-submit" value="Отправить"> появлялась всплывающая картинка?

    Asked by Fendia, December 13, 2014

    0 votes
    9 answers
16. Проблема IE7

    Под вистой на IE7 не слушается таблица стилей (сайт не корректно отображается), в остальных браузерах проблем нет.Стили не отделены в отдельный файл, не знаю, может в этом проблема. Все выглядит так, будто стили вообще не прописаны. Кто-нибудь сталкивался с проблеммой? Подскажите.

    Asked by YeP, August 16, 2007

    0 votes
    9 answers
17. Про обтекаемость дивов.

    В общем есть фотогалерея, там каждое фото обвёрнуто в див. float: left. Картинки расположены горизонтально, как экран кончается - картинки переносятся на новую строку. Проблема в том, что если идёт большая по высоте картинка, а за ней две маленькие и конец экрана, то 2 маленькие картинки обтекают большую, а надо чтобы обтекала одна маленькая, а вторая переносилась на новую строку. Если вопрос не понятен, я нарисую пояснение

    Asked by Flake, January 13, 2009

    0 votes
    7 answers
18. Checkbox. <a> И события

    Здравствуйте! Возможно ли сделать по событию "onclick" в теге <a>, где ссылка на какой-либо ресурс так что бы рядом стоящий "checkbox" отмечался галочкой?

    Asked by AddM, May 20, 2011

    0 votes
    27 answers
19. Разные отступы в IE & Opera

    Слева разные отступы в IE и Opera, то есть не везде, а только возле первого столбца блоков. Что в этом случае можно сделать? не могу понять откуда IE берет дополнительные пикселы Заранее спасибо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> .content{ height: 100px; width: 100px; background: #fff; float: left; margin: 20px; } </style> </head> <body> <div style="width: 100%; background: #d6edd3;"> Слово&lt…

    Asked by Slyfox, January 31, 2008

    0 votes
    4 answers
20. Таблица со значениями и графиком

    Хочу сделать табличку с числами, и в _этих_ же ячейках фоном цветная полоска, длина которой пропорциональна числу в ячейке. И никак не могу придумать правильные стили, чтобы число располагалось _на_ фоне, а не слева/справа/снизу/сверху. Подскажите, пожалуйста, как это реализовать.

    Asked by IVB, July 25, 2008

    0 votes
    11 answers
21. Тень блока без background: url

    Создание теней для блоков всегда происходит с помощю изображений. А кто знает как избежать использования какой-либо графики для решения этой задачи? Итак: <html> <style><!-- ... --></style> <body> <div class="blockwithshadow"></div> </body> </html>

    Asked by mamay, June 18, 2008

    0 votes
    15 answers
22. Обновление select option

    В общем всё уже стоит в заголовке! как зделать чтобы при заходи на страницу редакции профиля список select обновлялся! мучиюсь уже месяц! Использую этот код: Прошу помощи сам несправляюсь, запарился! буду очень благодарен!!!

    Asked by Artjom, November 17, 2008

    0 votes
    13 answers
23. текст налезает на картинку

    Приветствую, Не могу понять, почему так происходит Текст тупо залезает на картинку, хотя у той стоит align="left" (float: left) также не дает эффекта. Как это можно исправить? Пример где это наблюдается - http://sbride.ru/users/310/

    Asked by sbride, April 7, 2011

    0 votes
    2 answers
24. верстка сложного макета

    Здравствуйте.В html верстке, у меня пока что не так много опыта.Есть сложный макет.Хотелось бы знать по какому принципу его верстать,думаю как же все это разместить, использовать float?либо попробовать сделать по grid системе? может его как-нибуть подругому надо верстать. Может кто подскажет, как именно здесь действовать оптимально? сам макет

    Asked by spy7190, December 20, 2013

    0 votes
    20 answers
25. Проблема c input и autofocus

    Добрый день. У меня есть две проблемы: 1) Почему поле input не подсвечивается в Mozilla,Opera жёлтым , как в Google Chrome например? Вот фотка : Вот ссылка: http://slizers.com/list1.html 2) Вторая проблема заключается в том, что autofocus не загружается, то есть при нажатии на кнопку поиск выплывает окошко и там должен быть autofocus. Возможно ли это как-нибудь это сделать? Мною опробованы методы : 1) Скрипты <script type="text/javascript"> function formfocus() { document.getElementById('element').focus(); } window.onload = formfocus; </script> 2) <input id="q" autofocus> <script> if (!("autofocus" in document.createElement("input"…

    Asked by averin13, December 12, 2011

    0 votes
    0 answers