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. Не работает box-shadow в Chrome

    У меня есть форма, к полям которой применяется box-shadow. Так вот во всех браузерах, кроме Chrome, это св-во работает. Версия Chrome: 35.0.1916.153 form-1 input[type="text"] { width: 240px; height: 46px; background: #dcebff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); border: none; color: #6dabff; font-family: 'pf_din_text_comp_promedium', sans-serif; font-size: 1.176em; outline: medium none; padding-left:…

    Asked by helio,

    0 votes
    2 answers

  2. Всплывающий/выпадающий слой без JS

    Реально ли сделать такой слой использую только CSS свойства? Для уточнения: чтобы при клике на ссылку, под ней (или рядом) открылось "окошко" -слой, но не сдвигая вниз уже ранее выведенные элементы, как это происходит при использовании свойств display:none display block или visibilety. Просмотрев много топиков по сходным вопросам, видел только решения с явскими скриптами.

    Asked by Sserg-135,

    0 votes
    10 answers

  3. Выровнять содержимое блока DIV по центру

    Собственно, сабж. Подскажите пожалуйста, как выровнять содержимое блока DIV по центру (по вертикали)? Блок содержит только текст и ссылки. Это строка на самом деле.

    Asked by brainiac,

    0 votes
    7 answers

  4. Высота поля TEXTAREA

    Добрый день Есть поле TEXTAREA Для наглядности код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>TEXTAREA</title> </head> <style type="text/css"> textarea { width:300px; font-family:'Verdana', 'Arial', Sans-Serif; font-size:12px; color:#333; padding:3px; border:1px solid #ccc; } </style> <body> <textarea readonly> Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мыш…

    Asked by ShumNo,

    0 votes
    14 answers

  5. Как Сделать Чтобы Можно Было Обсуждать Новость

    Приветствую. Я не так давно открыл сайт он весь на HTML Почти ежедневно я выкладываю новость.Все естественно вручную прописываю в html кодах. Как мне сделать так чтобы люди зашедшие на мой сайт могли прокоментировать новость. Говорят есть какие то моды. Объясните плиз как это все работает. Подчеркну что я не хочу прикручивать движок какойто я в этом не понимаю. Весь сайт на html и только на главной странице мне нужно чтобы могли коментировать новости. Заранее спасибо за помощь

    Asked by kain888,

    0 votes
    27 answers

  6. проблема с position:absolute в IE7

    Здравствуйте, проблема вот в чем: Сайт: http://photo.prime-gr.ru. На главной странице идут друг за другом маленькие картинки (float). При нажатии вываливается абсолютно позиционированная большая картинка. Этот блок привязан к первому, родительскому. Так вот, во все нормальных браузерах эта картинка поверх остальных. А в IE она под ними. Привожу часть кода: HTML: <div class="photos"> <ul> <li><a href="#" onclick="$('#js_img_204').show('slow'); "><img src="/upload/gallery/images/small/2a9b0a9b9ced4b794923303cee830586.jpg" border="0" height="40" /></a> <div id="js_img_204" class="overview"><a rel="lightbox-tour" href="/upl…

    Asked by webbis,

    0 votes
    4 answers

  7. нарезка шаблона

    здравствуйте. расскажите пожалуйста о основных принципах и правилах при нарезке psd-макетов для дальшейшей верстки. в идеале в реальным примером. спасибо. извиняюсь если не туда написал.

    Asked by Serpiko,

    0 votes
    12 answers

  8. HR - отступы, цвет

    Подскажите, плиз, как сделать, чтобы у тэга не было отступов - нужно чтобы линия плотно прилегала к верхнему бордеру div-а, в котором находится.Margin и padding помогают, но только не для IE :/

    Asked by Ladoga,

    0 votes
    12 answers

  9. Выравнивание кнопок по вертикали (chrome/webkit,firefox)

    Требуется сделать две большие кнопки одинакового размера. Оказалось, что при многострочном содержимом плывет выравнивание по высоте. Как выровнять кнопки по одной линии с разным содержимым? Такое поведение наблюдается в firefox, crome и всех браузерах на основе webkit. Смещение по вертикали 21px. Ниже код и скрины с хрома. <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> button { font: 700 60px "arial", "arial narrow"; width: 33%; font-variant:small-caps; height: 125px; overflow: hidden; margin: 5px 10px; } span.cfnDesc{ display:block; fo…

    Asked by cdrom,

    0 votes
    2 answers

  10. Смещение при hover

    Здравствуйте. Есть таблица из 3 ячеек и в каждой ячейке находится вложенная таблица с изображением у которого скруглены углы. При первом наведении курсора на ячейку с вложенной таблицей происходит дёргания соседних ячеек, при следующих наведениях курсора, дергапний нет. Эта ячейка является актовиной onMouseOver="this.className='boxover'" onmouseout="this.className='boxoutBorder'" onclick='change_location("/teller.php");' Никак не могу понять почему происходит дергание ячеек при первом наведении (дёргается только в ИЕ). Вся проблема в картинке с скругленными углами - если её убрать, то все нормально, но без неё нельзя. Помогите разобраться! <!DOCTYPE HTML PUBLIC "-//W…

    Asked by sirop,

    0 votes
    6 answers

  11. Как правильно называть блоки при верстке?

    Подскажите как правильно называть блоки при верстке, есть ли какие то стандарты?

    Asked by Sergey410,

    0 votes
    11 answers

  12. Может поможите?

    у меня проблема!я не могу придумать про что можно сделать сайт?я хочу сделать очень интересный сайт о чем-нибудь!вот может сделать о военной техники, какие у вас на этот счет мысли?

    Asked by vvsh,

    0 votes
    50 answers

  13. Адаптивная верстка: использование принципов Bootstrap, но без него

    Задача сверстать адаптивный сайт. Практического опыта верстки адаптивного дизайна у меня нет. Поэтому хотелось с вашей помощью разобраться и определиться, каким путем идти. Решила использовать принципы Bootstrap. Возникли принципиальные вопросы. .row {margin: 0 -15px;;} .container {padding: 0 15px;margin: 0 auto;}Объясните, пожалуйста, зачем сначала добавлять паддинги, а потом помещать содержимое в .row, у которой нивелируются эти отступы. Каково назначение .row вообще?

    Asked by Светлана Г.,

    0 votes
    46 answers

  14. Помогите проблемку решить

    Сайт http://artvasiliev.com неправильно отображается в FireFox в Internet Explorer'e все нормально работает. Причем что странно когда файл в Firefox загружаю с компа проблем не возникает все нормально отображается как и в Internet Explorer'e , а вот когда с хостинга начинаются всякие проблемы. <!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>Художник Васильев Виктор Официальный сайт</title> </head> <body style="background-color:…

    Asked by nicotin,

    0 votes
    40 answers

  15. div заезжает под другой div

    В общем имеется такой макетик <div style='min-width:650px;'> <div style='float:left;'>1</div> <div style='float:right;'>2</div> <div style='width:100%;clear:both;'></div> <div style='float:left;'>3</div> <div style='background-image:url'>Заливка картинкой</div> </div> При уменьшении масштаба страницы (ширины браузера) 2-й див заезжает под первый, то есть оказывается над 3-им. Как от этого избавиться?

    Asked by RiG,

    0 votes
    10 answers

  16. SCROLLBAR - расположение полос прокрутки

    Вопрос такой: имеется страница из двух фрэймов, при этом требуется чтобы при появлении в левом фрэйме вертикальной полосы прокрутки она появлялась с левой, а не с правой стороны. Во втором фрэйме так и оставалась справа. Таким образом чтоб полосы прокрутки не разделяли фрэймы а были по бокам страницы.

    Asked by daymos,

    0 votes
    6 answers

  17. WEB-страница

    Создайте пожалуйста любую красивую веб-страницу..и пришлите мне на не? программу написанную в блокноте.. ЗАРАНЕЕ ОГРОМНОЕ СПАСИБО!

    Asked by Мариана,

    0 votes
    21 answers

  18. Как сделать задержку между циклами анимации css?

    Приветствую! Есть анимация: .animation { width: 212px; height: 261px; background-image: url(sprite.png); animation: animation 5000ms steps(30) infinite; } @keyframes animation { from { background-position: 0 -2328px; } to { background-position: 0 -10158px; } } Как сделать задержку несколько секунд между циклами? Есть вариант просто добавить пустых кадров в конец, но как то это быдлокодом веет.

    Asked by Dave7044,

    0 votes
    4 answers

  19. Никак не могу убрать отступ сверху сайта

    Недавно почему-то появилась проблема.Появился отступ сверху сайта.Подскажите, как его убрать?Сайт- prowarspear.ru Вот часть кода css: *{ padding:0; margin:0; } table.main{ width:1100px; margin-left:auto; position:top; border-radius: 10px; } body { background-image:url(bg-4.JPG) ; background-color:#171b24; margin-top:0px; padding:0px; } td.top{ height:270px; border-radius: 10px; } td.news{ margin-top:20px; background-color:#171b24; display:table-cell; vertical-align:top; border: 5px solid #171b24; width:230px; word-wrap:break-word; } td.footer2{ border: 7px solid #171b24; background-color:white ; word-wrap:break-word; color:grey; font-size:22px; border-bottom-left-radius: …

    Asked by demonuga,

    0 votes
    9 answers

  20. Не работает свойство rotate?

    Ребят помогите разобраться почему не работает свойство rotate и как сделать что бы по клику на .list:after список выпадал? Заранее спасибо огромное скрин списка <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body><div class="list"> <select name="lictsat" id="lictsat"> <option selected="Home">HomePage</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option val…

    Asked by Евгений_SB,

    0 votes
    6 answers

  21. Отступ в <select>

    <select> <option>111</option> </select> <p>222</p> Между этиим блоками в фоксе 2.0.0.20 непонятной большой отступ! И самое что в этом проблематично, непоятно откуда( Помогите, плиз

    Asked by Spidey,

    0 votes
    11 answers

  22. Двухцветный фон

    Как сделать двухцветный фон?

    Asked by Anarchist,

    0 votes
    8 answers

  23. Межстрочный интервал в списке

    Ну и сразу к делу: XHTML: <ul class="menu_spisok"> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Главная</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">О компании</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Лицензии</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Проектные услуги</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Проектные решения</a></li> <li class="menu_spisok"><a href="#empty-ancho…

    Asked by jas0n,

    0 votes
    4 answers

  24. div или table

    Как по Вашеу мнению, что эффективней, быстрее и к"кроссбраузерней" ) использовать div или table. Приветствуются именно аргументированные ответы, а не в стиле "Я использую table, потому что меня так научили..." и т.п.

    Asked by emgebor,

    0 votes
    24 answers

  25. -webkit-text-size-adjust -ms-text-size-adjust

    html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } гугл по этому молчит!!что это и для чего его задают?

    Asked by dostel1,

    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