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. Выравниевание текста по центру

    Подскажите пожалуйста, каким образом можно текст в диве с заданными height && width выровнять во центру по вертикали и горизонтали. То есть имееется код примерно следующего содержания: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> #container { width : 300px; height : 300px; border : 1px solid green; } #inner { vertical-align : middle; text-align : center; width : 100%; height : 100%; } </style> </head> <body> <div id="container"> <div id="inner">Message</…

    Asked by e1f,

    0 votes
    5 answers

  2. Применение opacity ко вложеным div

    есть таблица <!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=utf-8" /> <title>Untitled Document</title> </head> <body> <div class="top" id="table" style="opacity: 0.5"> TABLE <table border="1"> <tr> <td><div id="bot1" style="opacity: 0.4">BOT1</div></td> <td><div id="bot2" style="opacity: 0.6" >BOT2</div></td> </tr> <tr> <td><div id="bot…

    Asked by rrock,

    0 votes
    16 answers

  3. Правильный формат времени

    Решил использовать HTML5 у себя на сайте, занёс дату создания каждой статьи в тег <time>. Всё работает, но валидатор выдаёт ошибку: Назревает логичный вопрос: так в каком формате правильно записывать данный, находящиеся в этом теге?

    Asked by Ge1i0N,

    0 votes
    3 answers

  4. Некоторые браузеры не видят шрифты

    Здравствуйте. Столкнулся с такой проблемой, когда подключаю шрифт через такую конструкцию @font-face { font-family: aglettericacondensed; src: url(../fonts/aglettericacondensed.ttf); } мозила его не видит, а опера видит но не все. вот что в хроме вот что в опере вот что в мозиле

    Asked by Pato,

    0 votes
    2 answers

  5. не убирается бордер у object

    подгружаю через object html страницу, border="0", в опере все ок, а в ие 6 он не убирается, подскажите как, плиз, поиск перерыл, ничего подходящего не нашел

    Asked by xameleon,

    0 votes
    17 answers

  6. Как сделать адаптивный сайт 2015-2017

    Прикинул как лучше вопросы задавать... попробую все в одной теме. Будут рассмотрены следующие темы:meta_name="viewport" во всей красеmedia запросы - взгляд изнутриособенности мобильных браузеров - как происходит обработка-подстройка кода странички под реальный экран мобильникашрифт - как подстраиваться под размер экрана мобильных браузеровфотографии - легкие но не мелкие, с видом на будущее, retina-дисплей,IE хакиИконка сайта Обо мнеВерстальщик-любитель. Знания - только HTML и CSS.о PHP знаю только что собирается из отдельных кусков кода. Сервисных технологий и терминов не понимаю.По теме адаптивной верстки прочитал довольно много. Другими словами базовые знания есть. …

    Asked by autit,

    0 votes
    39 answers

  7. как убрать подчёркивание ссылки

    как убрать подчёркивание ссылки? что прописать надо? сервер ucoz сайт praypeople.ucoz.ru <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>

    Asked by vladbadhero,

    0 votes
    1 answer

  8. Выравнивание относительно центра

    Дано: картинка (w=300;h=300) ссылки, расположенные вокруг картинки (поверх картинки). Надо: свертать страницу так, чтобы картинка была посередине окна (при любой ширине и высоте окна), и чтобы ссылки были жестко привязаны к данной картинке (при изменении размеров окна не съезжали относительно заданной картинки). Заранее спасибо.

    Asked by baz1k,

    0 votes
    11 answers

  9. ссылка в раскрывающийся список

    как повесить ссылку на пункт меню в списке, обычном HTML списке (<input>)

    Asked by SoFuWa,

    0 votes
    17 answers

  10. Как обрезать картинку снизу?

    Друзья, возникла задача построения ряда блоков. Блоки располагаются один под другим. В каждом есть изображение, которое должно обрезаться снизу. Однако сам div нестандартный. Смотрим картинку Какие у меня были варианты решения: Использовать overflow: hidden; Но идея потерпела крах, потому что он обрезает не по линии, а по горизонтали. Использовать clip; Тоже крах, потому что теряется адаптивность и каждый раз рассчитывать clip даже с помощью js тяжело Разные варианты совмещения. Например, взять из макета дугу и картинку, сохранить как PNG и установить в основном слое как background-position: bottom; Пока это самая лучшая идея, но она не унив…

    Asked by Libiros,

    0 votes
    17 answers

  11. margin-top у дива внутри другого дива

    Здравствуйте. Столкнулся с такой непонятной проблемой, которая встречается во всех браузерах, за исключением IE6. Есть два вложенных дива, расположенных вверху страницы. Когда для внутреннего дива я задаю верхнее поле margin-top:20px; ,то внешний див смещается вниз. Это хорошо видно в Firebug. Не понятна логика такого поведения браузеров. Если есть margin у дива, расположенного внутри другого дива, то это должно означать, что должен быть отступ внутри внешнего дива. За внешний див, надо полагать, выйти никак невозможно. Как это можно исправить и в чём здесь ошибка? Как с помощью margin-top можно опустить текст "NAME OF SITE" ниже. padding-top я не рассматриваю, так как …

    Asked by clavin,

    0 votes
    14 answers

  12. input type="text" & background

    Есть вот это: <input type="text" style="background: #fff url(images/search.gif) no-repeat; padding-left:22px;"> Как только вводимые данные перестают влезать в строку, то IE6 сдвигает картинку, а Opera отображает текст по верху картинки. В Firefox не проверял. Что в данном случае можно сделать? Или это можно считать нормально P.S. Первое что пришло в голову - это убрать у input рамку, а затем запихнуть это в div: - background не использовать для input; - поставить картинку и рядом с ней input; - из div сделать рамку какая была у input изначально Можно ли это сделать более проще?

    Asked by Slyfox,

    0 votes
    4 answers

  13. Не задается размер в 100% Div'у

    HTML <div class="tr"> <div id="gradient1"></div> <div id="content">jlk df sfrvhjfukfrkfrykfrykkfrykfrykfykfjkfrykfryk </div> <div id="gradient2"></div> </div> CSS #gradient1{ width:150px; height:100%; background-image:URL(i/gradient1.jpg); background-repeat:repeat-y; float:left; } #content{ width:704px; height:100%; background-color:#53060e; float:left; } #gradient2{ width:149px; height:100%; background-image:URL(i/gradient2.jpg); background-repeat:repeat-y; float:left; } Это куски проблемного кода. При впечатывании текста в слой content, слои gradient1 и gradient2 не тянутся на height:100% по высоте родителя tr,…

    Asked by Cardinal,

    0 votes
    12 answers

  14. Параллелепипед с помощью css

    Есть ли способ создать с помощью css параллелепипед как на картинке?

    Asked by afagorn,

    0 votes
    16 answers

  15. не вставляется фон (css)

    Всем привет! помогите! Уже несколько часов угробил, все равно не понимаю почему не получается вставить фон (background-image) в css файле. путь пишу правильно. картинку в упор не читает. но в html файле фон удачно выявляется. В чем может быть проблема? Спасибо за внимание. #home{background-image: url(C:\Users\Администратор\Desktop\scrolling\bg.png) center 0 repeat fixed; min-height: 1200px;height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;} #home article{height: 458;position: absolute;text-align: center;top: 300px;width: 100%;}

    Asked by Георгий123,

    0 votes
    9 answers

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

    Всем здрасте. Заранее прошу меня извинить, если вопрос уже такой был, но я просто не знала по какому запросу мне его найти. Короче проблема следующая. МФ и Опреа не понимают padding-top:0 в .tb1. код: <html> <head> <title>mysite</title> <style type="text/css"> body{ margin:0; background:black; color:white; scrollbar-base-color:gray; min-width:1000px; max-width:1500px; padding-top:2%; padding-bottom:0; } .tb1 { margin:0; padding: 0px; background:black; border: 0px; color: wtite; width:100%; padding-top:0; } .tb2{ border: 4px solid red; width:200px; height:80%; } </style> </head…

    Asked by In_Variant,

    0 votes
    14 answers

  17. Как сделать чтобы при нажатии input не вылезала клавиатура на мобильных устройствах?

    У меня есть поле инпут с датой. При нажатии на него вылезает jquery календарь в котором выбирается дата. А на мобильном устройстве при нажатии вылезает клавиатура закрывая собой открывшийся календарь. Ка сделать так, чтобы клавиатура не вылезала при нажатии на этот инпут?

    Asked by Frie,

    0 votes
    10 answers

  18. Не пойму зачем учить SASS.(SCSS)

    Пересмотрел несколько туторов и статей, но так и не понял какая от него польза. На выходе получается тот же CSS. Сложилось впечатление что это мода такая, чтобы добавить лишний пункт в резюме. Кардинального ускорения не заметил - пишут все тоже самое просто с другой иерархией. Объясните мне в чем прикол.

    Asked by ZackFox,

    0 votes
    10 answers

  19. DIV растягивается по всей ширине родителя

    Добрый день, вдруг возникла такая проблема, DIV, находящийся в ячейке таблицы вдруг стал растягиваться по всей ширине ячейки, хотя содержимое DIV'а по ширине меньше. <td class="blog_type_td"> <div elem_id="8" onclick="click_type_or_tag(this)" class="blog_type" style="border-bottom: 1px dashed rgb(255, 102, 102); color: rgb(255, 102, 102);" color="ff6666">Раздел</div> <div elem_id="1" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 1</div> <div elem_id="2" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 2</div> <div elem_id="3" onclick="click_type_or_tag(this)" class="blog_typ…

    Asked by ХОЛОДный,

    0 votes
    4 answers

  20. Вертикальный текст в таблицах

    Здравствуйте, как вы знаете, в таблицах всегда текст записывается горизонтально. Но как его записать вертикально? Нельзя использовать ничего кроме css. Разумеется, текст может быть любой длины. Можно ведь повернуть на 90° текст? Спасибо огромное тому гению, что подскажет отгадку.

    Asked by higimo,

    0 votes
    5 answers

  21. Разреженный текст - как быть?

    Есть русско-японский текст (конкретно - перевод японской Википедии с помощью Google Translate). Вот такой код <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8;charset=utf-8" /> </head> <body> Справка </body> </html> даёт разреженные русские буквы в Opera и FireFox. В IE нормально (хотя он наверное опять что-то игнорирует). Стоит убрать lang="ja", всё нормально. Как быть?

    Asked by Webr,

    0 votes
    8 answers

  22. я понимаю что достал

    Вот есть такой код <table style="text-align: left; width: 100%; height: 455px;" border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td id="menu1"align="center" valign="top" <a href="index.php?categoryID=2" class="cat">автонавигаторы</a> <font class="olive">(15)</font> <ul> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> </ul> </div> </td> <td id="menu2" align="center" valign="top"<a hr…

    Asked by ppvkomi,

    0 votes
    24 answers

  23. Как правильно указать основной язык html-документа?

    Покопался по инету, достаточно мало ясных указаний как правильно указать "человеческий" язык (имеется ввиду "естественный" язык, такой как английский, русский, украинский и т.д.), на котором написан html-документ. Варианты: 1. Как параметр элемента html, пример: 2. В поле заголовка HTTP Content-Language, пример: 3. Или В чем отличие этих вариантов? На одном из сайтов прочел, что код страны нужно указывать после кода языка через точку. Я записал через тире ("uk-UA"), использовав в качестве примера html-документ созданный с посмощью Writer из пакета OpenOffice. Какой вариант следует использовать? Как указать основной язык средствами CSS?

    Asked by max5555,

    0 votes
    7 answers

  24. Input Type=file И Изменение Названия Кнопки

    Возможно RTFM вопрос, но никак не могу найти как поменять на кнопке надпись в <input type="file" name="fileLoad" id="fileLoad" /> c "Обзор" на что-то ещё.

    Asked by generator2003,

    0 votes
    2 answers

  25. Можно ли как то отменить overflow hidden для определенного блока?

    Сабж... http://screencloud.net/v/oRzM - скрин

    Asked by JosePerez,

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