HTML Coding

29542 questions in this forum

1. "Падает" контент под меню на 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
2. Как верстать для мобильных устроств?

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

   Asked by Frie, August 18, 2014

   • android
   • ios
   • верстка
   • html
   • css
   0 votes
   10 answers
3. Двуязыковый сайт

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

   Asked by ONIX, January 22, 2009

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

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

   Asked by dangler, April 11, 2009

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

   Возникла проблема с правильной вставкой форми для отправки Е-маёлов с сайта.. Письма отправляются, но текста в них нет.. помогите с проверкой кода: на странице - <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
6. Никак не можем заставить отображаться шрифт

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

   Asked by makc123, February 28, 2013

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

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

   Asked by Eugenice, April 8, 2017

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

   На странице имеется меню, состоящее из названий разделов и иконок к ним. Код выглядит так: <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
9. Проблемы с валидатором

   Подскажите пожалуйста! Валидатор ругается: 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
10. Нужна помошь!

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

    Asked by sokol14, January 5, 2009

    0 votes
    4 answers
11. наследование свойств 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
12. бесплатный редактор типа dreamweaver

    Доброго времени суток!Подскажите пожайлуста хороший бкчплатный текстовый редактор типа dreamweaver, что бы была подсветка синтаксиса и что бы редактор как бы "дописывал" код, т е просто пишешь допустим float, только написал букву F и как тут же тебе предлагают возможные варианты.

    Asked by кирюха=), February 9, 2012

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

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

    Asked by hachik, October 23, 2014

    • td table width padding
    0 votes
    19 answers
14. Как сделать трехпозиционный переключатель?

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

    Asked by Alen4ik, December 8, 2014

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

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

    Asked by Tempest, December 13, 2017

    0 votes
    14 answers
16. mysql php выпадающее меню формы

    Добрый день, имеется файл с формой, где несколько пунктов выбираются через выпадающее меню и заносятся в базу <td>Учетка</td><td> <select name="uchetka"> <option value="нет">нет</option> <option value="да">да</option> </select> </td> </tr><tr> </tr><tr> <td>Оборудование</td><td> <select name="komp"> <option value="нет">нет</option> <option value="да">да</option> </select> </td> Так же есть другой файл, который позволяет изменить эти значения. if (isset($_POST['submit_edit'])) …

    Asked by RK3DNP, January 22, 2019

    0 votes
    6 answers
17. В ие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
18. Борюсь с таблицами

    Всем привет! Имеется таблица с двумя колонками. В каждой из колонок имеется вложенная таблица, которая по ширине растянута на 100%. Но количество текста может быть абсолютно произвольным и слева и справа, поэтому у меня вложенные таблицы получаются неодинаковые по высоте, а так некрасиво. Пробовал написать в каждой из вложенных таблиц width = "100%" height = "100%" - почему-то никакого эффекта это не произвело. А что еще там написать можно - я не знаю. Помогите пожалуйста чайнику

    Asked by DasTPID, August 24, 2009

    0 votes
    12 answers
19. Валидатор "ругается". Помогите.

    http://validator.w3.org/check?uri=http%3A%...lidator%2F1.654 Все ошибки в этой строчке кода: <a href="http://www.statun.com/109444/m.html" target="_blank"><img src="http://count.statun.com/?040.gif&r=&p=http%3A//centrohost.net/&i=<?php echo rand(); ?>&s=109444&g=0&w=1440&h=900&d=24&c=Y&e=Y" border="0" width="88" height="31" alt="Statun Counter"></a> Как пофиксить?

    Asked by usaformat, January 12, 2010

    0 votes
    9 answers
20. Разница в отступах между FF и IE

    Всем доброго времени суток. Не могу найти причину разного отступа между элементами <p> <img> в браузерах FF (в опере тоже все нормально) и IE (сайт) В FF и Opera отступы такие, какие и нужно, в IE очень большие: HTML пример кода: <p class="new_menu">» <a href="/diablo1/" title="Diablo 1 Описание" class="news_menu">Описание</a></p> <img src="/images/line-666.gif" width="159" height="1" class="line-666" alt=""> <p class="new_menu">» <a href="/download/" title="Diablo 1 Скачать" class="news_menu">Скачать</a></p> <img src="/images/line-666.gif" width="159" height="1" class="line-666" alt=""> <p …

    Asked by Walk, March 24, 2011

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

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

    Asked by garicktry, February 18, 2012

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

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

    Asked by jjhollywood37, October 31, 2013

    • видео
    0 votes
    9 answers
23. 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
24. 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
25. Фиксед 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