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

29,542 questions in this forum

  1. как сделать кнопку или линк при нажатии на который пользователь попадает в конец страницы

    Добрый вечер всем!!!! как сделать кнопку или линк при нажатии на который пользователь попадает в конец страницы спачибо

    Asked by bgraf,

    0 votes
    7 answers

  2. Неправильно отображение плавающего фрейма

    Не получается убрать эти непонятные отсупы, скажите ,как их убрать. Вот файл с которого идёт загрузка. <!DOCTYPE HTML> <HTML> <HEAD><TITLE>Frame</TITLE></HEAD> <body> <div align="center"> <iframe src="foto.html" height="490px" width="560px" > VSPACE=10</iframe></div> </body> </HTML> Вот файл который загружается: <!DOCTYPE HTML> <HEAD><title>foto</title></HEAD> <body> <table border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; > <tr> <td> <img src="foto.jpg"…

    Asked by people2010,

    0 votes
    11 answers

  3. <! DOCTYPE> и HTML5

    добрый день! читаю самоучитель. в нем приводятся разные варианты содержимого <! DOCTYPE...>, включая различные DTD. в статье "Пять вещей, которые надо знать об HTML5" есть такая строка т.о., если я правильно понимаю, учитывая современные тенденции в HTML документах можно писать буквально только "<!DOCTYPE html>", без (к примеру) PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" так ли это? спасибо. UPD Благодарю! Развеяли мои сомнения =)

    Asked by Stamper,

    0 votes
    8 answers

  4. Проблема с overflow

    Задача сделать фоновую картинку которая будет вылазить за пределы первого li. <ul> <li class="widget widget_text" id="text-3"> <h3 class="widgettitle">Обратная связь</h3> <div class="textwidget"> <div id="wpcf7-f1-w1-o1" class="wpcf7"> <form class="wpcf7-form" method="post" action="/#wpcf7-f1-w1-o1"> <div style="display: none;"> <input type="hidden" value="1" name="_wpcf7"> <input type="hidden" value="2.4.5" name="_wpcf7_version"> <input type="hidden" value="wpcf7-f1-w1-o1" name="_wpcf…

    Asked by Sidoruk_sv,

    0 votes
    6 answers

  5. Чтоб один див перекрывал другой

    Здравствуйте. Я тут с хедером мучаюсь. http://jsbin.com/osiqimI/1/edit?html,css,output В верхней части див с фоном. Его частично перекрывает див из нижней части(в желтой рамке), в котором содержится лого и текст. Лого и текст получаются на фоне. В нижнем диве есть еще один(красная рамка), он непрозрачный и немного тоже перекрывает фон. На примере все расположено правильно, но мне нужно убрать: .header_content{position: absolute;}Как сделать так, чтоб все было так же само расположено, но без абсолютного позиционирования, ато при увеличении страницы начинает происходить жесть.

    Asked by Floater,

    0 votes
    3 answers

  6. Как создать сайт на подобие Dotabuff?

    Как они базу данных взяли и откуда и как вставили

    Asked by RuslanHeYca4ev,

    0 votes
    4 answers

  7. Блок выпадает с блока

    Здравствуйте! Подскажите в чем проблема? <div class="header-search"> <div class="header-title"> </div> <div class="block-search"> </div></div>и сss .header-search{width: 100%;height: 104px;background: url("img/1.jpg") repeat-x;}.header-title{width: 455px;height: 90px;border: 1px solid red;margin-right: 10px;display: inline-block;}.block-search{width:453px;border: 1px solid red;display: inline-block;height: 90px;}Далее, <div class="header-search"> <div class="header-title"> <span style="padding-top: 33px; display: block; font-family: Tahoma;font-weight: bold; font-size: 48px; color: #ff8400;">MOBI<span style="font-…

    Asked by FitTech,

    0 votes
    9 answers

  8. Работа с несколькими классами

    Дан код: <style> a { display: inline-block; margin-left: 5px; } .loli { height: 75px; width: 100%; display: inline-block; background-color: #0099cc; left: 600px; } .loli ul { padding: 0; margin: 0; font-size: 0; overflow: hidden; text-align: center; } .loli ul li { display: inline-block; list-style: none; font-size: 36px; } .loli ul li a { color: #fff; text-decoration: none; height: 75px; line-height: 75px; padding: 0 15px; position: relative; z-index: 10; } .loli ul li a:hover { color: black; } .loli ul li a::before { content: …

    Asked by ErUnDAK,

    0 votes
    5 answers

  9. Динамический размер div

    Есть div. Нужно сделать так, чтобы движениями курсора можно было растягивать его. Как любое окно в Windows, например.

    Asked by Avreol,

    0 votes
    4 answers

  10. Резина в меню

    Есть css вот такой: #menu { position: absolute; margin: 352px 0 0 213px; } #menu li { float: left; padding-right: 35px; margin-left: -1px; } #menu li a { float: left; text-decoration: underline; font-size: 11px; color: #202e2e; font-family: Verdana; } #menu li a:hover { text-decoration: none; } <ul id="menu"> <li><a href="#">меню1</a></li> <li><a href="#">меню2</a></li> </ul> Как сделать чтобы это меню было в ширину резиновым на 100%, но при этом сохранились расстояния между пунктами меню как есть при сужении окна браузера?

    Asked by okunev2,

    0 votes
    6 answers

  11. Personal HollyWar

    Вот задумался тут о том, как лучше семантично представить единственное определение. В голову приходит два варианта — списком определений из одного элемента (что, на мой взгляд, противоречит семантике списка), или использованием элемента DFN, у которого, впрочем, на мой взгляд семантика близка, но не в точности соответствует задаче — как мне кажется, он должен использоваться для обозначения определяющего фрагмента текста. Задачи такой сейчас передо мной не стоит, но интересно было бы узнать ваше мнение, как бы вы поступили в этом случае. В общем-то, вопрос чисто теоретический из разряда религиозных. :-)

    Asked by rash,

    0 votes
    4 answers

  12. создание таблицы

    Здравствуйте, должна быть таблица с двумя строками, а в каждой строке по 2 ячейки. В ячейке 1-1 и в расположенной по диагонали ячейке 2-2 находятся рисунки, а в ячейках 1-2 и 2-1 находиться текст и все ячейки разной длины и все содержимое прижимается к левой стороне. Так вот - с одной строкой все содержимое ведет себя ок., а когда создаю вторую строку с ячейками 2-1 и 2-2 , то все четыре ячейки становятся одинаковыми по длине, не зависимо от содержимого. Подскажите в чем причина?

    Asked by pattaya,

    0 votes
    8 answers

  13. Бутстрап - странное наследование цвета кнопки

    http://jsfiddle.net/Zverushka/ESU55/ У меня в стиле указано color: inherit !important; - но цвета нема, при том что у родителя цвет белый. Я не вижу в дебаггере, что цвет родителя чем-то перекрывается. Но при наведении текст кнопки меняет цвет - почему? color: inherit не работает, а color: white - срабатывает - почему?

    Asked by Zverushka,

    0 votes
    9 answers

  14. Нужно ли начинать работать с препроцессорами

    Здравствуйте, занимаюсь seo продвижением лет так 5, но верстать тоже умею, если нужно самому сверстать какой то сайт, то делаю это по классически html CSS3, для адаптации под мобильные использую @media и все, ну и еще где нужно bootstrap grid (только сетку) или UIkit тоже только сетку, и все. Хочу уже научится пользоваться препроцессорами less или sass, но много энергии на seo уходит. Меня в принципе все устраивает и скорость с которой пишу код, и результат на выходе, стараюсь что бы не было ничего лишнего в коде, ну и что бы валидный был. Что даст например знание less, скорость верстки? какие еще есть плюсы? Опытные верстальщики подскажите, или можно по старинке верстать…

    Asked by Romsan21,

    0 votes
    6 answers

  15. Самоучитель HTML

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

    Asked by Артёмka,

    0 votes
    4 answers

  16. Как работать на FullHD экране c зумом 125%?

    Для конечных пользователей можно использовать "@media (-webkit-min-device-pixel-ratio: 1.25)", но при создании верстки так не получится, особенно при верстании по PerfectPixel. Какие проблемы наблюдаются при системном зуме 125%? (а без него на экране все слишком мелкое и почти недостижимое глазу) Верстальщики, как вы решаете эту проблему в своей работе?

    Asked by iBars,

    0 votes
    3 answers

  17. Картинки в таблицах - загружаются, но не всегда

    Вот сделал один сайтик, есть разделы с картинками, которые я в ячейки таблицы заключал, но вот иногда просиходит так, что не все картинки загружаются или пытаются подгрузится но бесконечно долго, хоть так и не всегда, но случается, интернет стабильный и быстрый. Что тут сделать дабы с гарантом загружалось всё?

    Asked by Accessdenied,

    0 votes
    4 answers

  18. Label + input

    Есть код: <input type="checkbox" name="vopros2[]" value="0001" id="vopros2_4" class="checked"> <label for="vopros2_4">Ваш вариант ответа: <input type="text" name="vopros2[]" size="100" class="checked" id="text1"></label> В Опере при клике на инпуте, флаг не ставится. В Файр Фоксе при клике не инпуте, флаг ставится, но фокус с текст поля пропадает и невозможно ввести текст. В Хроме работает все отлично) Как сделать это решение более кроссбраузерно?

    Asked by crash,

    0 votes
    1 answer

  19. как отправить данные формы на разные страницы

    как отправить данные одной формы с несколькими полями на разные страницы разными кнопками? есть форма (файл, текст, радио) и две кнопки сабмит. нужно чтобы принажатии на первую данные уходили на страницу 1.php, а при нажатии на вторую - на страницу 2.php вот если бы у сабмита был параметр экшн, а не у формы...

    Asked by HotCoffee,

    0 votes
    3 answers

  20. Вёрстка сложных форм

    Поделитесь опытом кто какие конструкции использует для вёрстки сложных форм вот пример не сложный но суть думаю ясна сам юзаю каркас <ul class="inputForm"> <li><span class="title"></span><input name="" class="textInput" /></li> </ul>

    Asked by WalkMan,

    0 votes
    19 answers

  21. Наследование или приоритет?

    Здравствуйте! Пожалуйста, подскажите, что надо сделать для разрешения подобной ситуации: есть вот такая css, определяющая вид свойств и их значений в тексте примеров: .property { color:darkgreen; /* Цвет текста для свойств CSS */ font-family:Arial Calibri sans-serif; /* Рубленый шрифт */ font-size:90%; quotes:" {" ": "; } .value { color:green; /* Цвет текста для значений свойств CSS */ font-family:'Times New Roman' Cambria serif; /* Засечный шрифт */ quotes:"" ";}"; } .property:before, .value:before { content:open-quote; } .property:after, .value:after { content:close-quote; } Далее, желая, чтобы quotes' content отображался не различными стилями, а …

    Asked by Bhudh,

    0 votes
    17 answers

  22. Проблемы с IE8: съезжает блок...((

    Мир всем! Трехколоночный сайт: во всех браузерах отображается нормально, кроме IE8. В IE правый блок съезжает к центру экрана. Подскажите, плиз, как зафиксировать этот div и пристыковать его к правой стороне? См. скриншоты. Спасибо.

    Asked by Palomnik,

    0 votes
    5 answers

  23. Несколько вопросов от новичка

    Здравствуйте. Вот пример достаточно простого (на вид) макета: http://windows.microsoft.com/ru-RU/windows/explore В связи с этим, несколько вопросов: 1. Где картинки? Браузер не распознает графические участки страницы как картинки и не сохраняет их. При "просмотре кода элемента" через консоль Хрома их тоже найти не удалось, хотя HandyCache успешно сохранил их с расширением .png в свой кеш. 2. Чем можно просматривать PSD макеты не устанавливая сам Photoshop при этом? Просмотреть и разобрать макет на составные. 3. В качестве рабочего инструмента у меня есть пакет Microsoft Expression 4. В частности Microsoft Expression Web для работы с HTML-кодом. Кто-нибудь им пользовался?

    Asked by Starter,

    0 votes
    21 answers

  24. как вставить часть кода другого сайта на свой?

    Добрый день! Возник следующий вопрос: на стороннем ресурсе есть некий сервис, например вот этот http://services.fms.gov.ru/info-service.htm?sid=2000. Мне нужно чтобы с моего сайта пользователь мог воспользоваться услугами подобного сервиса, без перехода на сторонний сайт. Т.е. вставить часть кода стороннего сайта на свою страницу, чтобы отображался только блок данного сервиса! Заранее спасибо!

    Asked by sm1603,

    0 votes
    1 answer

  25. Линия под заголовоком

    Как сделать что бы не зависимо от длины заголовка, линия под ним была как у <h2>: http://jsfiddle.net/rus333/nva70qmz/1/ ?

    Asked by rus,

    0 votes
    14 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