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. Задний фон на всю ширину экрана

    Привет всем, уже месяца 2 я занимаюсь версткой и постоянно сталкиваюсь с одной интересной проблемой. Связана она с размещением заднего фон на весь экран. Допустим, имеется блок header, у которого есть задний фон, который должен размещаться на всей ширине экрана пользователя. Но при увеличении масштаба, если прокрутить горизонтальную полосу прокрутки правее, то заднего фона там нет. Вот код http://jsfiddle.net/JscDz/1/ Вот скриншот при масштабе 200% http://s1.ipicture.r...21/og4B1GTR.png Данные способы не работают: 1. left: 0 и right: 0 для блока header 2. width: 100% для блока header Ошибка сохраняется если прописать к заднему фону цвет или же картинку, которой затем пост…

    Asked by tooq,

    0 votes
    6 answers

  2. Проблема css только в "Опере"

    Доброго дня! Прошу совета профессионалов по поводу проблемы отображения в браузере Опера. На страницах, где надо что-то создать всегда много полей для заполнения, и, соответственно, рядом с этими полями присутствуют всплывающие подсказки. При наведении на картинку со знаком вопроса выплывает подсказка с текстом. Вот именно эти всплывающие подсказки работают во всех браузерах нормально, за исключением "Оперы". У меня одна из последних версий этой Оперы и в ней эти всплывающие подсказки ведут себя, как будто у них нервный тик, они дергаются, наслаиваются друг на друга. В общем неприятно. Причем, в других браузерах все о,кей. Вот выкладываю код html и css <span class="tt…

    Asked by rafaello9,

    0 votes
    0 answers

  3. Запрет ввода букв в поле input

    Здравствуйте. Такой вопрос, Возможно ли средствами HTML запретить ввод букв в текстовом поле input? Или это только скриптами делается? Я бы посмотрел все атрибуты input на сайте, но он сейчас не работает.

    Asked by px379,

    0 votes
    19 answers

  4. Задействовать определённую область

    Здравствуйте, столкнулся с проблемой, что есть формочка (рамочка и внутри нужно вывести информацию). Собственно вот скрин, что бы лечге было понять. http://s2.ipicture.ru/uploads/20130721/oBrmVi5G.jpg Я сделал этот блок под MAIN BOX в диве и эта формочка установлена как задинй фон (background). Как мне сделать так, чтоб информация была только в синей области ? padding ? или как-то по другому, либо не в диве делать а ещё как то?

    Asked by dsasda,

    0 votes
    5 answers

  5. Тег video

    Прочитал что в хтмл5 появился новый тег video. Попробовал заюзать, не показывает видео. В конфиге апача вставил такие строки. AddType video/ogg .ogv AddType video/mp4 .mp4 AddType video/webm .webm Файл 1.mp4 лежит прямо, рядом с index.php В файле index.php такой код не пашет, показывает окно проигрывателя но не проигрывает. :-( <video width="320" height="240" controls> <source src="1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> </video>

    Asked by super-php,

    0 votes
    5 answers

  6. Помогите центрировать пункты меню

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

    Asked by krissm8,

    0 votes
    3 answers

  7. Проблема с line-height

    Возникла проблема с line-height Вот есть шапочка. верстаю Проблема в том что когда вешаю на body line-height он воздействует как margin-top; Вот html разметка <body> <div class="header"> <table class="header-inner"> <tr> <td colspan="3" class="header-menu"> <ul> <li> <a href="#">О компании</a> </li> <li> <a href="#">Доставка и оплата</a> </li> <li> <a href="#">Контакты</a> </li> <li> <a href="#">Помощь</a> </li> </ul> </td> </tr> <tr> <td class="logo-block"> <div class="logo"> </div> </td> &…

    Asked by Hol1killer,

    0 votes
    2 answers

  8. Выравнивание меню по горизонтали в ие7

    Всем привет. Уже несколько часов пытаюсь выровнять меню по горизонтали в ие7. Для решения проблемы использовал css хак для ие7: *:first-child+html .nav.menu ul li { zoom:1; display: block; position: relative; } В ие7 изменений не произошло, зато в ие8 все стало на свои места . Вот полный код, к сожалению разместить на хостинге пока не могу: /**General**/ * { margin: 0; padding: 0; } img { border: 0; } body { font-family: Arial; background: #f1f1f1; min-width: 960px; } header,nav,section,footer,aside { display: block; height: 1%; } *:first-child+html .nav.menu ul li { zoom:1; display: block; position: relative; } /*…

    Asked by IvanRu08,

    0 votes
    5 answers

  9. Вопрос по inputу

    Нубский вопрос, как правильно реализовать такой INPUT? Нужно чтобы введённые данные в строку, были в итоге продублированы в скрытых input-ах. <input type="text" name="blabla1" value="введённый текст должен быть в blabla3"> <input type="hidden" name="blabla2" value=blabla1.value> <input type="hidden" name="blabla3" value=blabla2.value> Этот код конечно неправильный, но смысл желаемого понятен) "Сделай через скрипт" можно не писать, я в HTML только залезть пытаюсь...

    Asked by starterOK,

    0 votes
    7 answers

  10. Чертовщина в ie7 background-position

    Можно удалить, ошибочка вышла )...

    Asked by Zverushka,

    0 votes
    2 answers

  11. Помогите с видом меню.

    Всем доброго времени суток! Подскажите плиз, как сделать такой вид кнопки в форме. Заранее спасибо

    Asked by Xalson,

    0 votes
    5 answers

  12. Проверка w3.org валидатором

    Проверил страницу сайта валидатором, устранил все ошибки на которые он указал. Теперь осталась одна вроде, а где не показывает. Пишет Passed, 1 warning(s) Что это значит?

    Asked by gadjet,

    0 votes
    3 answers

  13. Проверка данных и ввывод

    Необходимо сделать форму - проверку. Например вводишь туда номер сертификата и она сверяет его с БД и при условии наличия такого номера отправляет тебя на соответствующею страницу. Кто подскажет как такое сделать или хотя бы в каком направлении двигаться ?

    Asked by Stif,

    0 votes
    2 answers

  14. Сделал, сам не знаю как

    Была задача сделать блок для подписки, который бы следовал за текстом названия по мере увелечения страницы. Долго мучался, вдруг решил сделать внутри блока список ul, поставил ему display:inline-block, сразу же все получилось. Даже не понял как так произошло. Вот картинка(http://pbrd.co/12HgpIH) и временная ссылка на сайт(http://109.172.13.165/Site/blog/). Спасибо! HTML: <div class="follow"> <ul> <li><a href="https://twitter.com/RamSaw" class="twitter"></a></li> <li><a href="#" class="rss"></a></li> <li><a href="http://vk.com/id132792025" class="vk"></a></…

    Asked by Michael Myers,

    0 votes
    3 answers

  15. Верстка под мобильные браузеры

    Добрый день уважаемые дамы и господа! В общем у меня такой вопрос. Хочу адаптировать свой сайт под мобильные браузеры, хотелось бы что бы там был сразу нормальный размер сайта, что бы не приходилось делать ручное масштабирование так как большинство пользователей про него не знают, и оно не всегда помогает на 100%. Пока нашел только вот такую статью http://www.xiper.net...mobile_web.html Я так понимаю наверное одно из средств это написать условную компиляцию как под IE <!--[if lte IE 8]> <style type="text/css"> IMG{border-color: black; border-size: 1px; } #footer,#part,#post,#post-post,#post_galeri,A#admin_button,#navig,#navig2,#navig_galeri,#user_print_data,…

    Asked by hk416,

    0 votes
    3 answers

  16. Непонятная ширина body

    Всем привет! не понимаю баг это или что. В общем ситуация такая. html: <body> <header id="header" class="cf"></header> <section id="content" class="cf"></section> </body> css: #header { width: 1026px; margin: 0 auto; padding: 0 127px; background: #d85055 top center; } #content { width: 994px; margin: 0 auto; padding: 0 143px; } У меня фиксированная ширина в 1280px. В расширении хрома ставлю размер окна 1280px, появляется скролл. ширина хедера и контента 1280px как и нужно. а вот у боди 1253px и появляется скролл. что делать не могу понять. помогает только overflow: hidden. но это не есть хорошо. Спасибо..

    Asked by s.schurov,

    0 votes
    3 answers

  17. jQuery на событие submit формы генерирует событие клик для submit

    Всем привет! Такое дело, есть фидл. В чём его суть. Если нажать на кнопку, чтобы отправить форму, то получим всё как и задумано - сперва сообщение 'click!, затем 'submit!'. Но вот если поставить курсор в тектовое поле и жамкнуть по enter'у, то алерты вылезут те же и в том же порядке! Т.е. по кнопке мы не нажимали, а просто засабмитили форму по enter'у, но jquery всё-равно генерирует событие 'click' для кнопки 'submit'. На хрена он это делает?? Как заставить его не страдать такой фигнёй?

    Asked by AlOshka,

    0 votes
    1 answer

  18. Есть ли какой-то практический смысл в xhtml?

    Есть какой-то практический смысл в xhtml? Например, мы не сможем что-то реализовать, обработку каких-то данных, если страницa будет не в формате xhtml? Для чего нужен этот формат?

    Asked by Zverushka,

    0 votes
    1 answer

  19. загадочный quirks mode

    помогите пожалуйста понять что такое quirks mode пока я понимаю так: 1. тип документа влияет на html и css 2. при условии корректно заданного типа документа каждый браузер интерпретирует html и css по определённому стандарту. чаще всего по последнему(современному). который заложили в него разработчики(или до которого он обновился) 3. если тип не указан, или указан с ошибкой, или до него есть символы(пробел например, или BOM), то включается режим обратной совместимости. то есть браузер интерпретирует html и css по устаревшим стандартам. то есть по тем, которые действовали в 90-х годах(они вшиваются в даже самые современные версии браузеров. на всякий случай), и которые спо…

    Asked by cyklop77,

    0 votes
    3 answers

  20. высота таблицы в html5

    помогите пожалуйста разобраться нужно в html5-документе установить высоту table 100%. решение подобное <table class="wrap_table" border="1" width="100%" height="100%"> <tbody> <tr> ... работает только если тип документа объявлен как <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> но мне нужно объявить его как <!DOCTYPE html> можно ли и как при <!DOCTYPE html> установить высоту таблички в 100% ? и вообще возможно ли делать разметку в стиле html5 в документе, объявленном как <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> ?

    Asked by cyklop77,

    0 votes
    4 answers

  21. h2 cдвигает весь блок

    Здравствуйте! У меня проблема: <div class="shashka"><h2>Заказ такси</h2></div> .shashka { background: url(../images/shashka.png) no-repeat; height: 66px; margin: 0 auto; width: 191px; } .shashka h2 { color: #fff; font-size: 24px; margin-top: 15px; <—— Это свойство сдвигает не заголовок относительно .shashka, а весь блок .shashka на 15px вниз text-align: center; } Почему это происходит??? Может кто нибудь сталкивался с этим? Если добавляешь к .shashka { border: 1px solid white; } то все работает нормально, h2 смещается вниз на 15px, а не весь блок <div class="shashka">

    Asked by Gasherez,

    0 votes
    2 answers

  22. Растягивание меню

    В общем ситуация такая. Есть горизонтальное меню, при структуре с фиксированным расстоянием между кнопками(padding), вроде влазит, но кроме андроида и мазилы. (последний пункт выползает во 2 ряд) Хочется чтобы оно автоматически растягивалась по ширине, сделал это с помощью div -display: table; ul- table-row; li- table: cell; Появилась другая проблема, раньше, при наведении на элемент он выдвигался (hover {padding-top: +5px;}), а с таблицей это не работает, отодвигаются все элементы.

    Asked by berg12,

    0 votes
    1 answer

  23. Насколько верное решение задачи?

    Посмотрите, пожалуйста, насколько криво реализовал задачку: нужно, чтобы при наведении на картинку или ссылку под ней, изменялся вид ссылки. http://macroland.ru/rentacar

    Asked by ianton,

    0 votes
    5 answers

  24. ФИКСИРОВАННЫЙ БЛОК С ИЗМЕНЯЮЩИМСЯ ОТСТУПОМ СНИЗУ

    Всем привет =) Нужна помощь в скрипте . Как сделать так что бы блок был прибит к низу браузера,до того момента пока не опустишься в низ,а там он становится фиксированным. Что типа этого http://www.xiper.net/examples/js-plugins/position/fixedbox.html,только к низу . Вот сайт : http://audio.chromegt.ru/ Там есть плеер в низу,надо что бы он,когда в верху был прибит к низу браузера,а когда опускаешься в низ,становился на место где сейчас стоит =)

    Asked by saiidr,

    0 votes
    7 answers

  25. Быстрая и синхронная подгрузка картинок.

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

    Asked by Yamaradg,

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