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. Создания li под строкой с нажатым элементом.

    Блок создан с помощью li, где li стоят в одну линию по всему размеру ul, сколько в 1-ой строке элементов li, я не знаю так как при изменении разрешения их количество может меняться. Мне нужно что бы при нажатии на li, под ней появлялся блок информацией об этой li, те для li#one открывается к примеру <li><div data-id = "one" ></div></li>. Вот то что у меня получилось : https://jsfiddle.net/4101nn7L/

    Asked by Konstantin99,

    0 votes
    0 answers

  2. проблемы с кодом

    <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> sss </title> <style type="text/css"> html { margin: 0; padding: 0; } body { background-image:url('700.jpg'); } #main { background-image:url('fon2.png'); background-repeat:no-repeat; position:absolute; width:1024px; height:100%; background-position:center top; } #title { background-image:url('title.png'); background-repeat:no-repeat; position: absolute; width:100%; height:100%; background-posi…

    Asked by jinjoly,

    0 votes
    1 answer

  3. Бьюсь как рыба с этим justify(

    Никак не получается выровнять текст по ширине контейнера( Влево-вправо - пожалуйста, justify - никак... Подскажите, кто может пожалуйста. <!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> </head> <body> <div style="padding-left:22px; padding-right:22px;"><p style="text-align:justify;">Официальный сайт журнала «Рыболов спортсмен» | Russian Journal of Fishing — Official Site</p&…

    Asked by anycall,

    0 votes
    3 answers

  4. высота в процентах

    Всем привет. Как сделать высоту на 100% экрана? Этот код устанавливает только ширину: http://jsfiddle.net/vdVT8/ Заранее благодарен

    Asked by B00sT,

    0 votes
    2 answers

  5. Неравные ячейки таблицы

    Есть сайт http://zav.ucoz.net/. Скрин http://zav.ucoz.net/bezymjannyj.png Нужно чтобы граница слева и справа были одинаковыми, т.е. центр не залазил на правые блоки. Хэлп!!!

    Asked by and_zheltukhin,

    0 votes
    0 answers

  6. psd шаблон для новичка

    Напишу, что видел раздел с psd шаблонами. Но там я не нашел шаблон не сложного уровня. Меня интересует psd шаблон на тематику интернет магазина с основными элементами: шапка, футер, меню и основное содержимое. Буду благодарен за помощь

    Asked by mastermedia,

    0 votes
    0 answers

  7. Проблема с плавающими блоками

    Здравствуйте. Подскажите, возможно ли реализовать вертикальное обтекание блоков средствами CSS, как показано на рисунке. сейчас страница выглядит следующим образом: html: <div class="hlist"> <a class="name" href="#">Link 1</a> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> ... css: .hlist { background: #eee; border: 1px solid #ddd; display: block; float: left; padding: 10px 10px 8px 10px; width: 200px; …

    Asked by senrize,

    0 votes
    2 answers

  8. Перевод сайта из em в pt

    Здравствуйте! До этого момента верстал всегда в em, однако сегодня внезапно понадобилось переверстать страницу в pt и начались трудности: текст, который я указываю в pt при верстке раза в полтора больше, чем в макете photoshop. Размер указываю тот же, что и в макете. Всю голову сломал, не пойму в чем дело... Не подскажете из-за чего это может быть и какие правильные техники верстки в pt? Заранее большое спасибо!

    Asked by Salladorec,

    0 votes
    3 answers

  9. Проблема с отступами

    есть конструкция типа <div id="1"> <div id="2"> </div> </div>. Мне нужно у id=2 сделать отступ сверху. прописываю margin-top: 50px; а у меня оступ срабатывает у id=1. Но если у id =1 прописываю border, то всё нормально Ничего не могу понять. В чем дело

    Asked by timmi55,

    0 votes
    2 answers

  10. FireFox изменение ширины блока при отрицательных значениях margin и padding

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

    Asked by Сергей А.,

    0 votes
    2 answers

  11. Лиса не хочет отображать границы в таблице

    Лиса не хочет отображать границы в таблице. Почти все она отображает, но лишь две не отображает. На картинке видно. Но что самое интересное я ничего не менял, и на какое-то время они появились. Потом опять пропали. В Opera, Chrome все нормально. Подскажите пожалуйста. Вот код: .shop_table table tr th{ font-size: 23px; border: 3px ridge slategrey; } .shop_table table tr td{ font-size: 18px; border: 3px ridge slategrey; } .shop_table table{ border: 3px ridge slategrey; border-collapse: collapse; } <img id="y-t-loader" style="display: none;" /> [] -

    Asked by Michael Myers,

    0 votes
    2 answers

  12. Strict Doctype

    Подскажите пожалуйста, есть ли браузеры, которые поддерживают HTML 4 Strict doctype, но не поддерживают doctype HTML 5? В статье на этом сайте написано, что для перехода в стандартный режим можно использовать один из трёх вариантов, но ничего не сказано о различиях. В том числе между 4.0 и 4.01. Есть ли какой-либо смысл использовать Doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> вместо <!DOCTYPE HTML> ?

    Asked by Doctype,

    0 votes
    2 answers

  13. Вопрос по шаблону

    Здравствуйте. У меня есть вопрос. Какие строки и где нужно удалить, чтобы не было "пробела" как на этом сайте http://intel-hack.tk/. Вот где пробел. Я новичок тут, поэтому могу ошибиться разделом. Заранее спасибо.

    Asked by Хирасава,

    0 votes
    2 answers

  14. как через css задать ширину картинки

    Есть картинки в диве .table-wrap Как задать этим картинкам ширину через css, не внося изменений в код страницы?

    Asked by fowl,

    0 votes
    3 answers

  15. Элемент вылезает на 1px вверх относительно текста

    Здравствуйте! Возникла проблема: элемент span "вылезает" на 1px относительно текста, код: <div id="console"> Press any key... <span id="cursor">|</span></div>CSS: #console { word-wrap: break-word; font: 14px monospace; }#cursor { font-size: 14px; }Скрин (увеличен): Можно ли уравнять элемент с текстом?

    Asked by Laxilef,

    0 votes
    2 answers

  16. Select, как у Amazon

    Здравствуйте! Каким образом можно реализовать select, как у Amazon? Суть такая, есть код: <div class="search_wrap"> <form> <div> <select> <option value="1">Позикия</option> <option value="2">Какая-то позиция</option> <option value="3">Ещё позиция</option> </select> </div> <input type="search"> <div> </div> <div> <input type="submit"> </div> </form></div>Элементы расположены в одну строку. Необходимо, чтобы при выборе позиции …

    Asked by Torawhite,

    0 votes
    2 answers

  17. Высота блока по высоте блока, следующего за ним.

    Здравствуйте, существует такая конструкция: <div class="transparency"><!-- Это полу-прозрачный блок--></div><div class="content"> <p>Некий текст</p></div>.transparency {opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;background-color:#000000;min-width:420px;height:330px;margin:0 auto;z-index:0;position:absolute;border-radius:15px;} Блок transparency служит как полупрозрачная подложка. Блок content вкладывать в него не могу, поскольку в таком случае его содержимое тоже станет полу-прозрачным. Дак вот, мне нужно, чтобы подложка по размерам была как блок content, высота этого блока меняется, поэтому постоянное значение испол…

    Asked by Inf1n1tI,

    0 votes
    2 answers

  18. Несколько всплывающих форм

    Здравствуйте уважаемые форумчане! На сайте есть несколько товаров при клике на каждый появляется всплывающая форма (два поля - телефон и имя) , подскажите, пожалуйста, как сделать так чтоб оператору сайта передавались все представленные выше поля, а так же название товара, который заказал пользователь. Плюс эта же информация должна дублироваться на почту заказчика?

    Asked by stan07,

    0 votes
    3 answers

  19. Используется ли в мобильном дизайне кнопка для быстрому возвращению вверх?

    Здравствуйте. Думаю над дизайном мобильной версии. Пытаюсь вспомнить и не вспоминаю, чтобы в дизайнах под мобильники использовались кнопочки, нажимая на которые страница прокручивается к верхней части. Это так, обычно такая прокрутка не используется на малоформатных устройствах?

    Asked by borus,

    0 votes
    4 answers

  20. Подскажите как исправить кривой слайдер

    1.Проблема в рамке слайдера bxslider не могу понять как изменить расстояние сверху http://saunasuper.ru/nashi_zaly/china/#prosmotr 2. как сделать, чтобы фотографии в этом слайдере открывались одним размером

    Asked by Roman21,

    0 votes
    2 answers

  21. Слайдер

    Всех с праздником!!! Помощь нужна! Можно ли сделать слайдер с такими границами как на скрине?

    Asked by devel,

    0 votes
    1 answer

  22. Перемещение виджета ВКонтакте вверх по левой колонке.

    Добрый день! Работаю над своим сайтом сама, знаний мало, но как могу, что-то получается, что-то нет. Прошу помочь мне с одной простой вроде бы задачей. http://efori.ru/ вот сайт. На нем адаптивный шаблон. Я установила на него виджет ВК и привязала к левой колонке. Но получается так, что она находится либо слева под центральным контейнером, либо слева над центральным контейнером. А мне нужно расположить ее прямо напротив, рядом с центральным контейнером. В файле стилей я пыталась его поднять таким образом column-left .theme-wrap .container, #column-right .theme-wrap .container { padding: 0; width:100%; position:relative; top…

    Asked by navpetrova,

    0 votes
    0 answers

  23. Текст, изображение выходит за блок... Помогите пожалуйста

    Вот скрин того чего не получается: Вот скрин того что должно получиться, но текст должен быть справа: Как можно это сделать ? А то картинка выходит за блок. или текст выходит когда ему присваиваю свойство float:right; Как с этим бороться ? Надеюсь на вашу помощь! и еще один раз столкнулся с такой проблемой Архив с сайтом Надеюсь на вашу помощЬ!

    Asked by aknur,

    0 votes
    0 answers

  24. Не коректно работает шаблон

    Вот такая у меня, начинающего верстника, возникла проблема: Хотя должно быть примерно так: (шапка - ссылки - левый блок - центр - правый блок) У меня почему то "не работает" правый блок Код html: <!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" xml:lang="ru"> <head> <meta http-equiv="Content-type" content="text/html"; charset="windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css"> <title> Интересные факты о жывотных </title> </head> <body> <div id="macet"> &…

    Asked by witerwe,

    0 votes
    1 answer

  25. Проблема с отображением списка

    Добрый день! Возникла такая проблема: требуется вывести каталог товаров в виде горизонтального списка. Но при добавлении float:left тэгу LI или Div (внутри LI), весь дизайн съежает...Кто может помочь советом? Буду благодарен. Вот скрины и код примерной схемы: Если нет float: И если добавить float:left тэгу LI или Div (внутри LI): <!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> <style type="text/css"&gt…

    Asked by an1401,

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