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. Шрифт в Mozilla

    Сравнил все браузеры, в Mozilla Firefox 4 шрифт больше чем в других тестировал с font-size em и px (Arial) Всегда использовал em и везде было абсолютно одинаково, даже на пиксель нигде не смещалось ничего, кстати с px по другому, но это другая тема. Тык что же случилось с Firefox ? как исправить? p.s: у всех так?

    Asked by EDark,

    0 votes
    4 answers

  2. IE6 смещает картинку

    Приветствую. Есть сайт http://tdsol.ru/?page_id=3. Подскажите, почему в мозилле все пучком (и меню "Продаем" открывается, и png в шапке нормально видно, и карта в контактах на своем месте), а в IE6 все это глючит. Да и вообще если в нем открывать сайт, снизу сразу пишет что открыто с ошибками. Как это побороть?

    Asked by pix_l,

    0 votes
    7 answers

  3. Задачка. Обтекаемый футер снизу.

    Всем Добрый день. Есть следующий вопрос: как можно сделать обтекающий слой прижатым к низу (см. изображение). Высота wrapper будет зависить соответственно от кол-ва контента в блоке left с указанным float. Для вроде бы простой проблемы - в инете решений не нашел (есть только решения для фиксированной высоты), пробовал делать сам следующим образом (путем добавления блока с clear:left и вымещением вверх футера margin-top:-40px;): HTML: <!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; ch…

    Asked by novicheG,

    0 votes
    32 answers

  4. Подвал в подвале (нахлестом)

    Подскажите как реализуется такой вот футер: В моей верстке футер уже прижат книзу страницы. В этом диве(футера), находящимся за пределами wrapp контейнера, указана background картинка(сероватый фон). Теперь нужно на этот футер, наложить как то лист с тенью (чтоб получилось как на картинке). Если я указываю во wrapp контейнере как background картинку(лист с тенью) с позиционированием снизу, то она естественно прижимается книзу, а отступ margin'a действует и на прижатый футер(серый фон). Или подскажите адреса сайтов , где есть подобный подвал

    Asked by cul8er,

    0 votes
    11 answers

  5. Div под divом

    Здравствуйте. Есть небольшая задача, которую я со своим уровнем знаний не могу решить. Необходимо там, где на скрине отмечено желтым написать 14 Кб, 456х235. Я не знаю, как туда вставить еще один div, чтобы он шел строго параллельно с картинкой и равнением посередине. Вот код: <div class="reply"><a id="33206"></a><div class="thumb" style="background-image: url('/m2-ch/fa/thumb/1301815846059s.jpg');"></div>03 Апр, 11:30 <span class="reflink">#33206</span><br />Текст сообщения</div> .reply { background : #ddd; border : 1px solid #ccc; margin: 5px; padding: 5px; overflow: hidden; } .thumb { float : left; border…

    Asked by 7ion,

    0 votes
    3 answers

  6. font

    Такой код css body { font: 1.5em"Courier New", Courier, serif } html <body> привет <select> <option>привет</option> <option>привет</option> </select> <p> <span>привет</span></p> </body> почему css-правило не действует на текст внутри тэга option

    Asked by aleks_lv,

    0 votes
    7 answers

  7. Поиск яндекса на сайт

    Доброго времени суток! Подскажите пожалуйста. после установки яшиного поиска на сайт, надо задать страницы с коих он будет брать новые материалы сайта. там есть два варианта: ссылки и через айпишник. что сделать с кодом после ввода айпишника? Или если новые новости попадают на главную - можно ли поставить просто ссылку на главную?

    Asked by Leonidk,

    0 votes
    0 answers

  8. Заголовок H1 не в тему вылез в шапке

    Я не являюсь web-дизайнером (являюсь полиграфистом), но появилась потребность немного подправить наш сайт - изменить картинку в "шапке" и фон. Пользовался возможностями CMS и FTP. Шапку поменял, фон тоже. Но после этого появилась проблема - в самом верху над картинкой вылез кусок фона на котором стал отображаться текст заголовка H1, на тех страницах где H1 нету - просто d> (например, как здесь) В CMS есть возможность редактирования HTML кода шаблона. Буду благодарен, если кто-нибудь поможет решить эту проблему Мои возможности по управлению выглядят вот так (ну и доступ по FTP)

    Asked by ilias,

    0 votes
    3 answers

  9. Форма, оцентровать по высоте inputs

    Всем здрасте. Нужно оцентровать по высоте инпуты формы. Сделал так: поставил line-height равный высоте самого высокого инпута. ИА 7 понял почти нормально. 8-й версии не понял вовсе. Подскажите кто знает че сделать можно. пс. если у кого есть возможность - посмотрите плз в 9-й версии. стоит XP, инет тупит. все качаю висту... пример здесь

    Asked by paska,

    0 votes
    3 answers

  10. Из чего складывается ширина столбца в таблице?

    В общем никогда не имел дело с таблицами, ибо не встречал табличных данных. И вот, подвернулся макет форума phbb. Пытаюсь изучать и верстать на основе готовых форумов, как примеру htmlbook, но мне непонятен один момент: ширина cтолбца td, к примеру "Название темы" - имеет определённую ширину в процентах, но, перекопал файрбагом весь код и нигде не нашёл стиля, отвечающего за ширину. Если его нет, ведь значит ширина столбца должна ровняться содержимому, но она фиксированная (процентно-фиксированная), и так для каждого столбца. Помогите понять, почему так?

    Asked by 1284metra,

    0 votes
    5 answers

  11. Проблема с резиновой версткой

    Подскажите, пожалуйста. Есть два блока, соответственно float:right;(left) Они разного размера, условно, первый 200px второй 400px Между ними нужно сделать разделитель, который всегда будет посередине (относительно блоков). Мой вариант верстки, проблема в том, что разделитель перекрывает первый и второй блок. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div class="middle" style="height: 366px;"> <div class="sidebar" id="sideLeft"> <h2>Text1</h2> </div><!-- .sidebar#sideLeft --> <div class="sidebar" id="sideRight"> <h2>Text2</h2> &l…

    Asked by fest,

    0 votes
    1 answer

  12. Как отцентрировать div с float: left?

    Как отцентрировать div с float: left? что та не получается, а это вообще возможно? или как отменить родительскую ширину? у меня блок с ценой тянется на всю ширину, а мне надо тока под ширине тексту который внутри блока. http://s016.radikal.ru/i337/1104/3e/351ca8d52474.jpg <div class="product_options"> <div class="price_block"><div class="price_block_right"> <span class="number_price">28990 руб.</span> </div></div> <a href="#">Apple iPhone 3GS 8 ГБ (Черный)<br />MC637RR/A</a> </div> .product_options{ text-align:center;} .price_block{ height:24px; background:#000; color:#fff; font-size:14px; line-height…

    Asked by dark25,

    0 votes
    2 answers

  13. Фотогалерея на joomla

    Уважаемые, подскажите модуль фотогалереи для joomla 1.5 Требования следующие: - фотографии на странице по 3 в ряд располагаются - при клике на фотографию открывается на полупрозрачном темном фоне, сверху крестик закрыть, при наведении на правую или левую сторону появляются стрелки листать - возможность настройки через админку страниц на которых нужно увеличивать фотографии Поясню, знаю модуль mavik Thumbnails Popular Plugin, но в нем нельзя настроить на каких страницах он должен работать! Т.е. увеличивает все фотографии которые загружены через визуальный редактор. Заранее благодарен!

    Asked by Goldie,

    0 votes
    1 answer

  14. Цвет активных ссылок в меню

    День добрый. В шаблоне меню на сайте есть динамическое меню и есть ссылка которая написана в ручную в шаблоне. Но на них не работает стиль для активных ссылок. #header .phone a:hover , #header .phone a.active , #header .nav li a:hover , #header .nav li a.active { text-decoration:none; color:#b9ae80; } А это код из шаблона: <div id="header"> <?$APPLICATION->IncludeComponent("menu", "top_default", array( "ROOT_MENU_TYPE" => "top", "MENU_CACHE_TYPE" => "A", "MENU_CACHE_TIME" => "36000000", "MENU_CACHE_USE_GROUPS" => "N", "MENU_CACHE_GET_VARS" => array( ), "MAX_LEVEL" => "1", "CHILD_MENU_TYPE" => "top", "USE_EXT" => "N", "DE…

    Asked by Tchorteg,

    0 votes
    20 answers

  15. @@font-face

    Доброго всем времени суток. Подключил шрифт. Нормально работает везде кроме Safari 4. http://prozess.ru/lag/index/main_template.html Во всех браузерах меню должно отображаться ubuntu bold. Специально сделал так, чтобы все тексты отображались этим шрифтом. В сафари именно МЕНЮ (остальное нормально работает) отображается каким-то другим шрифтом. Что только ни делал, как только крутил - ничего не получается. Подскажите, пожалуйста, как заставить меню отображаться подключенным шрифтом? Если я где-то лошара, можете прямо мне это сказать, но только укажите на ошибку, пожалуйста.

    Asked by tanchu,

    0 votes
    3 answers

  16. проблема высоты input type="text"

    input type="text" у меня больше по высоте!помогите решить проблему <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <head> <style type="text/css"> *{ padding:0;margin:0; } input{ width: 100px; height:100px; font:12pt Verdana; border:16px solid red; background:orange; cursor:pointer; } </style> </head> <body> <input type="submit" value="otpravut"> <input type="reset" value="reset"> <input type="text" class="" value="text"> </body> </html>

    Asked by bot87,

    0 votes
    3 answers

  17. Проблема с CSS

    Добрый день. Помогите, пожалуйста, разобраться. На сайте и на форуме ответ не находится. Суть проблемы в том, что при подключении CSS файла IE всех версий его цепляет легко и отображает страницу как в нем указано, а мозила, опера, хром и сафари CSS полностью игнорируют (в пути дело быть не может, раз IE цепляет, в чем еще дело не пойму). Версии глючащих браузеров опробовала разные, для хрома и сафари вообще самые последние. Не отображаются в указанных браузерах все настройки, заданные через CSS: размеры и обтекание DIV, фоновые изображения, параметры текста, вообще все. В чем тут может быть подвох? Заранее спасибо.

    Asked by mysterykepper,

    0 votes
    4 answers

  18. Бордюры в IE

    SOS... Как бороться с бордюрами в ослике. Ослик отображает бордюр внутри дива, а остальные браузеры как бы расширяют див на ширину заданного бордюра т.е если у нас высота дива 100px то в ослике 1px бордюр будет в нутри дива тем самым не увеличивая его размер, как это делают другие браузеры. У них, как я понимаю, бордюр на свою ширину расширяет див. 100px ширина дива и если мы ставим бордюр в 1px, то ширина дива уже будет 101px. Ну где то так. В общем подсмотреть проблему можно здесь. Если вы откроете в IE, то нижний бордюр будет неразрывным, а если в другом браузере, то он разрывается. Подскажите как с этим можно бороться?

    Asked by yujin11,

    0 votes
    2 answers

  19. Маркерный списки, проблемы с Opera

    Доброго времени суток! Открыв через Оперу эту страничку, при работе с навигационным меню, можно сразу понять в чём проблема. http://drew.hut2.ru/ все стили для меню в sh.css. Очень нуждаюсь в помощи.

    Asked by drew,

    0 votes
    2 answers

  20. Вот такой хитрый абзац=)

    Ребят, подскажите как сделать вот такой вот заголовок. На картинке все нарисовал.

    Asked by getalusk,

    0 votes
    21 answers

  21. Расположение таблицы

    Имеется страница, на которой подряд (в столбик) идут несколько таблиц внутри одной, более общей. .... <table> <tr><td> <TABLE> ... </TABLE> <TABLE> ... </TABLE> <TABLE> ... </TABLE> <TABLE> ... </TABLE> </table> .... Габариты их таковы, что 2 и 3 таблицы должны быть ориентированы слева страницы, друг под другом, а 4 таблица по высоте такая же как и 2+3, и, соответственно, её я планирую разместить справа от них. Как-то так: _____________ |***********| |***********| |____________| __ ________ |_| |******| __ |******| |*| |******| |_| |_______| *Извиняюсь, что криво, но суть должна быть ясна. http://rg…

    Asked by Yusipov_Ilsur,

    0 votes
    3 answers

  22. Кнопка внизу td

    Добрый вечер. Вновь обращаюсь за помощью. Есть примерно такая схема Есть некоторая таблица с 2 строками и 3 столбцами. В каждой ячейке текст разных и соответственно высота ячейки может быть различной. Внимание вопрос: как сделать чтобы кнопка в каждой ячейке была на одном уровне по высоте. Код примерно такой: <table> <tr> <td> Текст <a href="#"><span>Кнопка!</span></a> </td> <td> Tекст <a href="#"><span>Кнопка!</span></a> </td> <td> Опять текст <a href="#"><span>Кнопка!</span></a> </td> &…

    Asked by magiq,

    0 votes
    6 answers

  23. Наведите на путь истинный

    Привет всем! Решил обучиться навыкам веб-дизайнерства и поэтому у меня несколько вопросов. С чего начинать? Лично я думаю сначала нужно заняться изучением html языка, далее css, javascripts и заканчивать фотошопом. И такому как мне (не знающему) можно ли стать стажёром в обычной студии, где смогу практиковаться? Я несколько статей читал, но ещё хотелось бы услышать мнения пользователей с этого форума, возможно датите советы и пр.

    Asked by Feers1de,

    0 votes
    46 answers

  24. 4-х колоночный макет

    Имеется трех колоночный макет. 1 и 3 фиксированная ширина. 2 резина. За основу взят набросок Klierik'a http://forum.htmlbook.ru/index.php?showtopic=21817&pid=198608&st=0entry198608 Как можно сделать из нее 4-х колоночный. 1 и 4 фикс. 2-3 резина.

    Asked by Selen,

    0 votes
    7 answers

  25. выражение в имени атрибута

    Добрый всем день, кто в xsl шарит лучше моего. Есть узел xml где хранятся в виде атрибутов переменные зависящие от локализации: <locale prefix="ru" title="русский"> <vars error_404="Ошибка 404" new_var="новая переменная" title="название" locale="локализация" code="код" value="значение" show="показать" prefix="префикс" save="сохранить" reset="очистить" let_select="выберите" or="или" start_datetime="начало публикации" end_datetime="дата окончания публикации"/> </locale> есть также цикл, который выводит список чекбоксов из узла вида <!-- xml --> <preset id="5" set_name="1" start_datetime="1" datetime="0" end_datetime="0" comments="0" anons=…

    Asked by Быколай,

    0 votes
    1 answer

  • Обсуждения

    • 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