Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

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,

    0 votes
    8 answers

  2. Ячейки таблицы с одинаковыми полями без скриптов

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

    Asked by hachik,

    0 votes
    19 answers

  3. Проблемы с валидатором

    Подскажите пожалуйста! Валидатор ругается: 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,

    0 votes
    4 answers

  4. Занятный ослиный косяк

    Есть вот это, надо смотреть в IE6 и IE7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- DT{width:12em;} DD{width:18em; margin-left: 12em; margin-top:-1.2em;} INPUT, SELECT{width:100%;} --> </style> </head> <body> <form method="get" action="#"> <dl> <dt><label for="id1">Поле:</label></dt> <dd><in…

    Asked by Justnewone,

    0 votes
    14 answers

  5. бесплатный редактор типа dreamweaver

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

    Asked by кирюха=),

    0 votes
    16 answers

  6. 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,

    0 votes
    9 answers

  7. Двуязыковый сайт

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

    Asked by ONIX,

    0 votes
    12 answers

  8. Фиксед 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,

    0 votes
    18 answers

  9. 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,

    0 votes
    7 answers

  10. Смещение блоков при масштабировании.

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

    Asked by Eugenice,

    0 votes
    1 answer

  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,

    0 votes
    7 answers

  12. Нужна помошь!

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

    Asked by sokol14,

    0 votes
    4 answers

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

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

    Asked by dangler,

    0 votes
    7 answers

  14. Форма для отправки Е-маийла

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

    0 votes
    19 answers

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

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

    Asked by makc123,

    0 votes
    2 answers

  16. 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,

    0 votes
    2 answers

  17. не получаются правильные переносы

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

    0 votes
    3 answers

  18. наследование свойств CSS

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

    Asked by TonKhaO,

    0 votes
    12 answers

  19. Дочерние селекторы в IE6

    Доброго времени суток. Это моя первая тема и первое сообщение. Я новичок в изучении HTML верстки и как любой новичок сталкиваюсь с определенными сложностями. Слава богу информации всевозможной на эту тему достаточно много, бери и учись. Очень много полезного узнал именно на сайте _www.htmlbook.ru. На мой взгляд это лучший сайт для начала изучения. Для новичка все разжевано и разложено по полочкам. Выше была присказка, дальше будет сказка)) Задача: Создать выпадающий список 2-3-4...n уровней, методом CSS. В разных источниках, предлагается много разных рабочих вариантов. Попробовав несколько из них, я остановился на одном из них, наиболее универсальном на мой взгляд. Все ра…

    Asked by Selen,

    0 votes
    16 answers

  20. fixed div

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

    Asked by Sensei,

    0 votes
    18 answers

  21. Не могу встроить видео с youtube

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

    Asked by jjhollywood37,

    0 votes
    9 answers

  22. Как сделать трехпозиционный переключатель?

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

    Asked by Alen4ik,

    0 votes
    7 answers

  23. что лучше - normalize.css или reset.css ?

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

    Asked by Tempest,

    0 votes
    14 answers

  24. Борюсь с таблицами

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

    Asked by DasTPID,

    0 votes
    12 answers

  25. Валидатор "ругается". Помогите.

    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,

    0 votes
    9 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept