HTML Coding

29542 questions in this forum

1. Как верстать для мобильных устроств?

   Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме

   Asked by Frie, August 18, 2014

   • android
   • ios
   • верстка
   • html
   • css
   0 votes
   10 answers
2. 2 div по центру и в них рисунки

   В общем такая проблемка: есть 2 дива, расположенных по середине и в каждом из них по изображению размером 1024 на 768. В ксс прописанно overflow: hidden(для ие _overflow-x:hidden; _overflow-y:visible). .block_content_2{ float: left; width: 50%; min-height: 150px; overflow: hidden; _height: 150px; _overflow-x:hidden; _overflow-y:visible; } .block_content_3{ min-height: 150px; overflow: hidden; _height: 150px; _overflow-x:hidden; _overflow-y:visible; } По идее, дивы должны оставаться по центру, а изображения образаться(в опере и мозиле так и выходит), а вот в ие первый див остается на месте, а второй "сползает" под первый. Заранее благодарен за помощь.

   Asked by ros.pro, March 26, 2008

   0 votes
   9 answers
3. Фреймы. Ссылка во фрейм на другой странице.

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

   Asked by MoWe, May 15, 2008

   0 votes
   7 answers
4. Центровка меню по вертикали

   Как отцентрировать меню по вертикали? Стиль: <style type="text/css"> #menu_up { background-image:url(images/menu_bg.jpg); background-repeat:repeat-x; width:100%; float:left; text-align:center; height:40px; margin:0 auto; } #menu_up .links li, a { display:block; float:left; text-align:center; list-style-type: none; background-image:url(images/menu_bg.jpg); font-size:14px; font-family:Arial, Helvetica, sans-serif; height:100%; text-decoration:none; color:#333333; margin:0 auto; position:relative; } #menu_up a:hover { list-style-type: none; background-image:url(images/btnact.jpg); background-repeat:no-repe…

   Asked by DrMartens, September 1, 2010

   0 votes
   7 answers
5. "Падает" контент под меню на float

   Помогите пожалуйста разобраться, делаю сайт и при уменьшении окна браузера контент съезжает под меню. Меню идет статическое 250px, а контент надо что бы тянулся в ширину. #menu { width: 250px; float: left; padding: 0; margin: 0; height:100%; background-color:#C3E0C6; } .button{ float:left; margin-top:80px; margin-left:12px; padding:1px; } #kontakty{ float:left; margin-left:20px; margin-top:10px; padding: 2px; color:#04605B; font-family:Arial, Helvetica, sans-serif; font-size:10pt; } #kontakty ul li p{ font-weight:bold;} #kontakty ul li{ list-style-type:none; line-height:1.5em; z-index:6; } #content { background: #F5FAF5; width: 80%; margin-left:250px; f…

   Asked by katrinok_k, January 6, 2012

   0 votes
   8 answers
6. Ячейки таблицы с одинаковыми полями без скриптов

   Доброго времени суток, уважаемые! Никак не могу решить такую задачу: нужно сделать "резиновый" ряд "кнопок" Суммарная ширина ряда - 100% от родителя. Ширина каждой "кнопки" = ширина текста в ней + ОДИНАКОВЫЕ ВО ВСЕХ КНОПКАХ поля. при растягиваии "родителя" размер всех кнопок тоже меняется НА ОДИНАКОВУЮ ВЕЛИЧИНУ хоть дивами, хоть таблицей, но без скриптов желательно вот так должно быть:

   Asked by hachik, October 23, 2014

   • td table width padding
   0 votes
   19 answers
7. Проблемы с валидатором

   Подскажите пожалуйста! Валидатор ругается: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag. Сайт - klin-zdrav.ru ещ? буду очень благодарен, если подскажите, как сделать, чтобы сайт не скакал в Mozille при переходах! Спасибо заранее!

   Asked by lavrentiy, June 10, 2008

   0 votes
   4 answers
8. Двуязыковый сайт

   Всем привет! Мне поставили задачу сделать двуязыковый сайт с блочной разметкой. Т.е. в верхней части (хэдере) два флага (Россия и Великобритания) при нажатии на которые будет переключаться язык. Как более компактно и логично сделать это, у меня нет опыта в этом? Использовать скрипты?

   Asked by ONIX, January 22, 2009

   0 votes
   12 answers
9. Фиксед left: 0; при max-width

   Собствено возникли такие траблы. <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>fixed for min-, max-width body</title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html { height: 100%; } body { background: rgb(235,235,235); width: 100%; min-width: 1000px; /* max-width: 1600px; - в реальном значении */ max-width: 1000px; /* Имитация монитора с разрешением бо…

   Asked by gesandte, December 29, 2009

   0 votes
   18 answers
10. Не могу встроить видео с youtube

    Не могу встроить видео с youtube.. использую iframe из примера http://www.w3schools...tml_youtube.asp все работает, вставлю url любого другого видео..и ничего! Я понимаю,что полнейший нуб и очень надеюсь на вашу помощь..

    Asked by jjhollywood37, October 31, 2013

    • видео
    0 votes
    9 answers
11. В ие6 не отображается часть фона дива!

    В ие7 и гуглхроме и фф и сафари и опере работает. <div id="content_bottom"> <div id="blockcontent_left"> <div id="heading"> <div id="heading_left"></div> <div id="heading_center">Правила бонусной программы</div> <div id="heading_right"></div> <div class="clear"></div> </div> </div> <div id="blockcontent_right"></div> <div class="clear"></div> </div> CSS #blockcontent_left { float: left; width:250px; margin-left:40px; position:relative; } #blockcontent_right { position:relative; float: left; } #content_bottom { background-image:url(../pic/…

    Asked by SteaM, December 24, 2008

    0 votes
    7 answers
12. Нужна помошь!

    ну чтобы перейти на другую страницу!!! просто у меня кнопки для сайта-это картинки и я хочу перейти на другую страницу!!

    Asked by sokol14, January 5, 2009

    0 votes
    4 answers
13. изменение изображения при наведении курсора

    собственно, вопрос в теме ) подскажите, пожалуйста, какой код написать в html, чтобы при наведении мыши изображение менялось на другое?

    Asked by dangler, April 11, 2009

    0 votes
    7 answers
14. css-меню

    Намаялся, не могу понять: что текстовое, что на спрайтах меню, делаю разные стили для 1 пункта: обычное, hover и active. Срабатывают первые два, active стиль игнорируется. Подскажите пож-та, как должен выглядеть кусок. Допустим, сдвигая изображение: ul.navbar {...} ul.navbar li.main {background-position: 0px 0px; height: 120px;} ul.navbar li.main:hover {background-position: -25px 0px;} ul.navbar li.main:active {background-position: -25px 0px;} и вот находясь на этой страничке мы видем кусок изображения 0px 0px. Что не так ? заранее большое спасибо

    Asked by virus-07, June 8, 2010

    0 votes
    7 answers
15. Смещение блоков при масштабировании.

    Добрый вечер, уважаемые форумчане. Я пишу с нуля свой первый сайт и у меня на этапе верстки возникла проблема с размещением меню, что вкладывается в блок header. При масштабировании страницы, меню меняет свои значения: либо оно вылазит за пределы блока-родителя, либо не доходит до его границ (появляются неприятные белые полосы). Возникает вопрос, как зафиксировать меню так, чтобы масштабирование не меняло расположение его блоков? + при масштабе в 100% приходится использовать не целочисленное значения в отступах nav ul li a {padding:41.6px 50px;} для того, чтобы избавиться от белой линии под блоком (методом подгона). Хочется понять, как можно "вылечить" и этот де…

    Asked by Eugenice, April 8, 2017

    • смещение
    • блоки
    • масштаб
    0 votes
    1 answer
16. не получаются правильные переносы

    На странице имеется меню, состоящее из названий разделов и иконок к ним. Код выглядит так: <a href='index.php?p=01' ><img src='01.jpg'> главная </a> <a href='index.php?p=02' ><img src='02.jpg'> форум </a> ....... <a href='index.php?p=20' ><img src='20.jpg'> галлерея </a> Неразрывный пробел ПЕРЕД текстом ссылки я поставил, чтобы отделить иконку от ссылки. А два неразрывных пробела после текста ссылки я поставил, чтобы отодвинуть ссылки друг от друга. Проблема теперь в том, что меню переносится в самых неожиданных местах (в разных браузерах - в разных местах): и между иконкой и ее названием, и между словами в названи…

    Asked by begin, September 30, 2007

    0 votes
    3 answers
17. наследование свойств CSS

    Всем привет! Столкнулся вот с такой проблемой, не понимаю в чем прикол, http://undersky.ru/chocopie/test.html есть внешний и внутренний дивы, у внешнего задан line-height: 30px и это line-height судя по информации он вобчем наследуется, но непонятно почему тогда на блок #inner и p, собсно line-height никак не воздействует, хотя в файербаге есть инфа что он все таки унаследовался, а на деле не видно

    Asked by TonKhaO, February 11, 2010

    0 votes
    12 answers
18. Форма для отправки Е-маийла

    Возникла проблема с правильной вставкой форми для отправки Е-маёлов с сайта.. Письма отправляются, но текста в них нет.. помогите с проверкой кода: на странице - <form action="mail.php" method="post" name="f1"><tr><td align="left">Имя :</td><td><input type="text" name="name" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left">E-mail :</td><td><input type="text" name="email" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left" valign="top">Текс :</td&…

    Asked by chest, January 17, 2011

    0 votes
    19 answers
19. Никак не можем заставить отображаться шрифт

    Всем привет. Ребята, бьемся со шрифтом на сайте и никак не можем добиться отображения его. Сайт наши-фото.рф На нем должен отображаться шрифт который лежит в теме в папке fonts. Перепробовали кучу всего, но шрифт не хочется отображаться почему-то. Самый прикол в том, что на денвере все отлично, а когда перенес сайт на хост шрифт исчез. Подскажите пожалуйста, как заставить шрифт отображаться.

    Asked by makc123, February 28, 2013

    • шрифт
    0 votes
    2 answers
20. SVG-sprite in IE11

    Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Описываю проделанные мною два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Работает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял, но это и не нужно), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например (синтаксис pug: svg.contacts__flag(width="60", height="90") …

    Asked by Schamil74, April 11, 2017

    • svg
    • ie11
    • svg-sprite
    0 votes
    2 answers
21. Проблемы с динамическим меню

    Реализую выпадающее горизонтальное меню по такому принципу: <ul class="menu-h-d"> <li><a href="/index.html" title="">Главная</a></li> <li><a href="/product.html" title="">Продукция и услуги</a> <ul> <li><a href="/prod.html" title="" >Продукция</a></li> <li><a href="/arenda.html" title="">Аренда</a></li> </ul> </li> <li><a href="/docs.html" title="">Документы</a> <ul> <li><a href="/ustav.html" title="">Устав</a></li> <li><a href="/otchet.html" title="">Годовые отчеты…

    Asked by YaD, May 18, 2010

    0 votes
    8 answers
22. Резиновые макеты c psd

    Привет всем!!! Может кто потскажет сайтик где можно скачать рзиновые макеты обезательно с psd. Спасибо всем за ответы!!!

    Asked by garicktry, February 18, 2012

    0 votes
    4 answers
23. fixed div

    Здравствуйте, у меня такая проблема. Хочу сделать два основных дива левый и правый, левый фиксированный при прокрутке. Вешаю на него позишн:фиксид и все замечательно, но только до тех пор пока не начинаю масштабировать в сторону увеличения. Правый блок заезжает на левый. Отсюда вопрос: можно ли сделать див фиксированный только по вертикали?

    Asked by Sensei, March 31, 2012

    0 votes
    18 answers
24. Как сделать трехпозиционный переключатель?

    Как можно сделать трехпозиционный переключатель на HTML и CSS (без JS)?

    Asked by Alen4ik, December 8, 2014

    0 votes
    7 answers
25. что лучше - normalize.css или reset.css ?

    что лучше? Или же каждый из них имеет свои + и - ?

    Asked by Tempest, December 13, 2017

    0 votes
    14 answers