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. Таблица в 3-и колонки

    ИЕ8 показывает таблицу в 1040 пикселей. Что не так? с доктайпом <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> тоже самое strict.dtd предпочтительнее <!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> <table style="border:1px solid #000000" width="1000" cellpadding="0" cellspacing="0"> <col width="185" /> <col widt…

    Asked by Gigo_,

    0 votes
    0 answers

  2. Выпадающее меню прячется за баннер

    Есть сайт, сделан на таблицах. Добавила на сайт менюшку на div. Все отлично все работает, но есть один нюанс. Выпадающее меню залазит под флеш-анимацию(баннер), а надо бы чтоб был сверху. Т.е. нужно чтобы выпадающий список закрывал собой баннер, а не прятался за него. Из-за чего такое происходит и как можно исправить. Спасибо.

    Asked by Sunkisa,

    0 votes
    12 answers

  3. Выпадающее меню без javascript

    Мне выпадающее меню дается очень с трудом. Оно, конечно у меня выпадает, но выглядит не так как хотелось бы. http://thelast.ru/index.php?uid=599 - беру пример вот с этого, правда там вертикальное меню, а у меня горизонтальное, и это усложняет мою задачу. Помогите пожалуйста привести все это в порядок Код: <div class="menu"> <ul> <li><a href="#">Верстка</a></li> <li><a href="#">Создание сайта</a></li> <li><a href="#">Веб-дизайн</a></li> <li class="web"><a href="#">Веб-программирование</a> <ul> <li><a href="#">Java-Script</a></l…

    Asked by skygazer,

    0 votes
    4 answers

  4. Цифра вылезает перед буллетом

    Может быть, вопрос нубский, но как-то до сих пор не сталкивался. Из-за чего цифра в <LI> может самостоятельно (причем, во всех браузерах) перемещаться перед буллетом? Есть код: <li>1 пункт</li> <li>2 пункт</li> <li>Третий пункт</li> <li>И четвертый</li> А вот так он выглядит на странице:

    Asked by m0nk,

    0 votes
    2 answers

  5. Не могу решить проблему. с версткой

    Доброго времени суток господа верстальщики! Вот решил сверстать макетик.. Так вроде все норм, ну почти все) А внизу вагон пустого места. Подскажите что не так, заранее спасибо откликнувшимся!

    Asked by DasBit,

    0 votes
    2 answers

  6. плавающее выпадающее меню

    помогите пожалуйста разобраться, нужно чтобы выпадающее меню отображалось коректно, если кнопка, по нажатию на которой оно "выпадает", находится внизу экрана (оно выходит за рамки экрана и пользователю приходиться делать скролл страницы вверх чтобы его полностью увидеть). подробнее смотрите на рисунке - слева то что есть, справа то что должно быть. в общем то я думаю не так сложно, не знаю просто (опыт не позволяет) как выражение на css записать, чтобы от границ экрана отталкиваться.

    Asked by Selebro,

    0 votes
    2 answers

  7. не работает min-height: 100% для body (xhtml)

    Всем привет! У меня почему-то не растягивается блок на всю ширину. Прописал в ксс html {min-height: 100%} body {min-height: 100%} body не растягивается, почему-то вот полностью код. Ксс там же для удобства <?xml version="1.0" encoding="UTF-8"?> <!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" xml:lang="ru" lang="ru"> <head> <title><!-- Insert your title here --></title> <style type="text/css"> html {min-height:100%} body {min-height:100%} #container {background: red; margin:15px; height:100%} …

    Asked by MILLIONER,

    0 votes
    2 answers

  8. кнопки вперед и назад

    кнопки расположены слева и справа по бокам хотелось бы сделать как показано на сркине. т.е.вынести их выше ввиде двух небольших блоков для удобства. код a.next, a.prev, div.noPrev, div.noNext { text-indent: 16px; color: #fff; width: 12px; overflow: hidden; display: block; text-align: center; position: absolute; } a.prev { background-color: #4bbed5; background-image: url(prev.png); background-position: -12px 0; left: 0; top: 0; } a.prev:hover { background-position: -24px 0; } a.next { background-color: #4bbed5; background-image: url(next.png); background-position: -12px 0; right: 0; top: 0; } a.next:hover { background-position: 0 0; } div.noPr…

    Asked by high,

    0 votes
    1 answer

  9. Выпадающее меню

    Подскажите что надо вставить в этот код, чтобы получилось выпадающее меню: /* Menu */ #menu { width: 962px; height: 50px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; } #menu a { display: block; float: left; height: 38px; padding: 8px 20px 0 20px; text-decoration: none; text-transform: lowercase; color: #000000; } #menu a:hover { text-decoration: underline; } #menu .current_page_item { background: url(images/img05.gif) no-repeat; } #menu .current_page_item a { background: url(images/img06.gif) no-repeat right top; font-weight: bold; }

    Asked by elstargroup,

    0 votes
    1 answer

  10. Оставить отзыв

    Доброго времени!!!Помогите:как сделать чтоб после написания отзыва в форме на сайте,текст отправлялся на сервер,но при этом пользователь оставался на той же странице и получал соответствующее сообщение о доставке.Спасибо!!!

    Asked by SVitekD,

    0 votes
    4 answers

  11. изменение ширины из-за скрола прокрутки

    Вобщем имеются вкладки реализованые с помощью яваскрипта и списка при нажатии на которые открываются div блоки. Проблема в том что div блоки разные по высоте, есть те у которых много информации и те у которых мало. При нажатии на те у которых много информации появляется полоса прокрутки в браузере и весь сайт смещается влево на ширину этого скрола. Смотрится не очень хорошо. Возможно ли сделатьтак чтобы сайт не смещался или чтобы имел смещение с самого начала с учётом этого скрола. p.s. поставить минимальную высоту для всех блоков чтобы всегда была полоса прокрутки не подходит

    Asked by JastinB,

    0 votes
    2 answers

  12. float

    Имеется каркас: <div id="left_block"></div> <div id="center_block"></div> <div id="bottom"></div> #left_block { width:100px; height:10px; float:left; } #center_block { width:200px; height:10px; margin-left:110px; } 1. Нижняя часть "bottom", не хочет растягиваться по высоте левой части "left_block" Что делать в такой ситуации? clear: left не помогает... Данная ситуация во всех браузерах 2. в IE 8 такое ощущение, что он не понимает float и ставит center_block ниже left_block, в остальных браузерах все хорошо. Извините если туплю, новенький в этом деле...

    Asked by SLameN,

    0 votes
    1 answer

  13. Два inline div'а, дополнение до ширины ячейки

    Здравствуйте! Возник следующий вопрос по верстке. Есть ячейка таблицы, в неё выводится сгенерированнный в PHP текст (выделен синим). А после него должен выводится ещё кусок текста, начиная с той же строки (выделено сиреневым). В принципе все понятно, нужны два div'а с display: inline, но сиреневый блок должен быть редактируем пользователем, т.е. contenteditable=true. Далее он с использованием аякса отправляется на сервер. Проблема возникает, когда блок пустой - тогда пользователю просто некуда тыкнуть мышкой, чтобы его создать. Идеальным решением было бы растянуть его до конца ячейки, т.е. нечто вроде такого: (Сиреневый блок ещё не имеет текста, но растягивается на в…

    Asked by unkalien,

    0 votes
    3 answers

  14. Отступы между блоками

    Я не могу убирать отступы между блокам сайта http://codmws.game-pack.net Код я использую <div class="block"> <div class="bt"><span>Меню</span></div> <div class="dcont arch"> $SMENU_1$ </div> <div class="bbut"> </div> </div> <div class="block"> <div class="bt"><span>Мы в контакте</span></div> <div class="dcont arch"> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script> <!-- VK Widget --> <div id="vk_groups"> </div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width:…

    Asked by GhostNiniga,

    0 votes
    2 answers

  15. img shadow-box inset проблема

    Собственно хочу сделать тень и наложить на картинки, уже 30 страниц гугла просмотрел и нашёл пару ссылок, но почему-то они не работают. Подскажите как можно реализовать тень НА картинке.

    Asked by Wahlberg,

    0 votes
    1 answer

  16. Как верстать?

    Умею верстать фиксированно (width:960px) но вот хочу научится верстать резиново т.к. где ширина более 960пх. Где и какие задавать величины(ширина и высота.)?И ще ехотел бы узнать что делает этот скрипт. <script> function A() { client_h=document.getElementById("img").height; client_w=document.getElementById("img").width; //document.getElementById("language").innerHTML=client_w+"*"+coof+"="+client_w*coof; document.getElementById("img").height=client_w*0.6; } </script> Спасибо

    Asked by azarkin7,

    0 votes
    3 answers

  17. Неправильный CSS

    Здравствуйте. Можете поправить мне CSS? пожалуйста. Не пойму в одном браузере Mozile нормальный выводит точки, в другом браузере Google Xrome завышены... .subForumsPopup .dot span { height: 0px; left: 6px; margin-top: 10px; position: absolute; width: 0px; border: 2px solid #6cb2e4; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; } Допустим ставишь margin-top: 10px; в одном браузере нормально выводит... а в другом все криво

    Asked by SAnet,

    0 votes
    5 answers

  18. Непонятные пробелы в навигации

    В общем сделал горизонтальное меню, между пунктами какието пробелы (в смысле места в которых нет никаких ссылок меню). Чтобы вы поняли о чем я - в ксс прописал border-right: 1px solid #000; для тега li и вот, что вышло: на картинке стрелкой показан как раз этот пробел, откуда он, зачем он там и как его убрать? Заранее спасибо.

    Asked by frog163,

    0 votes
    4 answers

  19. Нужны ли такие ссылки?

    В шапке есть вот такой код. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://site.ru/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://site.ru/wp-includes/wlwmanifest.xml" /> <link rel='prev' title='Лицензирование' href='http://site.ru/litsenzirovanie.html' /> <link rel='next' title='Трудовой договор' href='http://site.ru/trudovoy-dogovor.html' /> <link rel='shortlink' href='http://site.ru/?p=618' /> Зачем это нужно? Можно ли их удалить без вреда для сайта и как это сделать??

    Asked by fowl,

    0 votes
    3 answers

  20. учу сь верстать

    Здравствуйте, <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <style> BODY { } #pic {height:500px; width:500px; background:#000 url(pic2.png) no-repeat; position: absolute; /* Абсолютное позиционирование */ bottom: 15px; /* Положение от нижнего края */ right: 15px; /* Положение от правого края */ } </style> </head> <body> <div id ="pic"> </div> </body> </html> мне нужно, чтобы половина стебелька была черной http://olga153b.freetzi.com/ola/index.html Некоторые тексты из макета перенеслись нормально, а остальные не переносятся, чт…

    Asked by leto2012,

    0 votes
    11 answers

  21. html5.

    Приветствую всех! Я всё-таки решил начать учить до конца html.Будьте любезны,дайте ссылку на хороший учебник html5 в формате chm и pdf,где есть все теги и примеры их использования.Буду приблагодарен!

    Asked by SteeLZzZ,

    0 votes
    2 answers

  22. Верстка "слайдера"

    Как сверстать блок с шириной 100% окна браузера, в котором есть несколько других дочерних блоков, принимающих его ширину? Из всех дочерних блоков виден только один. Это нужно для того, чтобы, например, при нажатии на кнопку дочерний блок сдвигался вбок, и стал виден второй блок.

    Asked by egoregor,

    0 votes
    3 answers

  23. Opera и font-face

    Вот пример: http://leveler.ru/zebra/ Во всех браузерах знак рубля показывается нормально (блок "рекомендуем"), даже в ИЕ7. Опера же (11.61) кривляется применяет подгруженный шрифт только если открыть страницу локально, с диска. На хостинге и денвере - не хочет показывать, хотя видно, что файл шрифта она загрузила. MIME пробовал добавлять: AddType application/vnd.ms-fontobject eot AddType font/truetype ttf AddType font/opentype otf AddType application/x-font-woff woff Не помогло. В чем дело-то? Используется готовый кит без субсета отсюда: http://www.fontsquirrel.com/fonts/pt-serif Пример, который в архиве от белки тоже рабо…

    Asked by d0ublezer0,

    0 votes
    2 answers

  24. Несколько вопросов по структуре table

    Доброго дня уважаемые. Подскажите почему "Шапка сайта" равняется по классу body_l, когда в классе header ничего не задано ? Как можно сделать чтобы "Шапка сайта" была одной колонкой и по середине? Вот мой код: <table> <thead> <tr class="header"> <td><b>Шапка сайта</b></td> </tr> </thead> <tbody> <tr class="body"> <td class="body_l">Left</td> <td class="body_c">Center</td> <td class="body_r">Right</td> </tr> </tbody> <tfoot> <tr class="…

    Asked by Krava,

    0 votes
    1 answer

  25. data: URL

    <img style="width:80px;height:100px;position:absolute;left:30px;top:25px;" src="data:image/gif;base64, R0lGODlhZACMAOIEAP/////MM/9mAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJSwAEACwAAAAAZACMAAID/0i63P4wykmrvTjrzbtnQyiOw2eeVyisLFmicKyo7CoKquiQcj/RrVvOVhrVcDqfkjA4Ip9NnBToJCaXJ6qt9Zxuq8joFduJHmk5sbR7XovJTI65NldvzfOuPQTnY/JcRF9DX4V7OHAzLxSAhW5iTZCCgmh+iXE/YHmAhHaBkTmXC5Y7mmCmYW2PNj4upIsNjWunqHR1bqJ+pDO1tq6BqlZEoopMsLKzk05Cv3S4xMUvWs5BtKnLeJFISq4jijeneNbU2L6wMuexfMiG47bhYYuul9PLju7JqvLp9O7i+OTsreOXqI4sTwDvURtjjGGPbLXYWUP2ZhTBVsBoSZwIL/+SMWIQx23kWCXbRW6f6ilMmG/hSYyDJI7UCC/evIfOKvViudLRyxi3JOWbSbMmooLl3NjjGawkHaT6VhI16nRKn6qQNjFturTikpmctgZcavWr2JY82WnzaLYnSbFqO7VFK/…

    Asked by K313,

    0 votes
    3 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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