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. Немного неточное выравнивание

    При выравнивании строчных элементов столкнулся со следующей проблемкой: vertical-align:middle немного неточно выравнивает строчный элемент (в случае если контейнер четной высоты px) - в разных браузерах по разному (см. картинку) собственно код: 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; charset=utf-8"/> <title>1px_top_gap</title> <meta name="description" content=""/> <meta name="keyword" content=""/> <link type="text/css" href="css/sty…

    Asked by novicheG,

    0 votes
    2 answers

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

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

    Asked by getalusk,

    0 votes
    21 answers

  3. Редактирование шапки в жж

    Привет. Ковыряюсь пятый день с дизайном темы для жж, но понял, что без вашей помощи не справлюсь. В шапке нужно поменять шрифт темы журнала, нужный заголовок сделал в виде картинки и никак не могу его прикрепить вместо текста. Над названием нужно поместить еще одну картинку. Это все, но повторюсь не как не получается задуманное, выходит все кроме того что нужно. Буду безмерно благодарен, если сможете подсказать, как подправить код. Вот код тайтла. .header-title { background:url("http://i29.tinypic.com/ne6hl0.jpg") no-repeat scroll 50% 0 transparent; font-family:Georgia; font-size:60px; line-height:60px; margin:0 auto; padding-top:35px; text-align:center; text-transform:…

    Asked by blooom,

    0 votes
    0 answers

  4. Наложить div на футер

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

    Asked by olejan,

    0 votes
    3 answers

  5. Текст в поле input

    Вопрос: в поле <input type=text value="поиск..."> отображается текст "поиск..." как сделать так, чтобы при клике мышкой в это поле текст исчезал, и желательно, чтобы при клике в другом месте сайта (чтобы сделать неактивным это поле), текст снова появлялся! и самое важное то что бы текст в value имел серый цвет например, а когда что та печатаеш в инпуте, текст уже был чёрного цвета(например). Нужна профессиональная решение этого вопроса, думаю это каждый использует, у меня есть скрипт, но не нравится как работает. Спасибо.

    Asked by dark25,

    0 votes
    4 answers

  6. Табуляция в IE

    Добрый день Всем знатокам, подскажите, как можно убрать табуляцию в IE, когда во всех остальных браузер все работает хорошо Вот ссылка Название техники табулировано в IE Заранее Спасибо

    Asked by Select,

    0 votes
    1 answer

  7. Список в ие6

    Сделал меню списком а в ие6 отображает вот так. вот код <ul id="nav"> <li class="top"><a href="#" class="top_link"><span>Главная</span></a></li> <li class="top"><a href="#" class="top_link"><span>О нас</span></a></li> <li class="top"><a href="#" class="top_link"><span>Проекты</span></a></li> <li class="top"><a href="#" class="top_link"><span>Услуги</span></a></li> <li class="top"><a href="#" class="top_link"><span>Статьи</span></a></li> <li class="top"><a href="#" class="top_li…

    Asked by Мо ской котик,

    0 votes
    18 answers

  8. подстройка размера фоновой картинки под разрешение

    подскажите чайнику, как сделать так, что бы фоновая картинка,при разных разрешениях экрана, заполняла 100% экрана и при этом не появлялась полоса прокрутки

    Asked by Мегавольт,

    0 votes
    10 answers

  9. Хэлп ми плыз))

    Поможите люди добрые хто сможет)). Проблема заключается вот в чём: я.вэбмастер требует Разместить мета-тэг 1. Добавьте в код главной страницы вашего сайта в раздел <head> ... Парни, всем огромное спасибо! Разобрались с вопросом. Как отблагодарить не знаю, я тут новенький, но звёздочек понаставил!

    Asked by Ревентадор,

    0 votes
    26 answers

  10. Помогите с шапкой для фиксированного шаблона

    Помогите с версткой шаблона.Проблема в следующем..Левая и правая часть в шапке=баннере и футере разная.Вот картинка.. http://nds09.narod.ru/images/shapka.jpg Область где шапка расположена строго на своем фиксированном месте - область Шаптель- сам баннер.. Область №1 - этот div я просто перед div баннера и выкинул его левее margin-left:-107px;..таким образом она чётко сместилась влево...А вот область №2 должна идти до самого конца сайта как бы резоновая не зависимо от разрешения монитора или его размера..Т.Е напрашивается сделать repeat-x, но тогда не могу понять если делать для body..то и слева естественно вылезит эта картинка..перед областью 1..А мне там нужен другой ф…

    Asked by Demon_gms,

    0 votes
    8 answers

  11. Чтение .txt файла с помощью фрейма

    Здравствуйте! Меня интересует один вопрос. Как можно прочитать файл .txt через фрейм, чтобы хтмл теги работали, а не отображались как обычный текст. Заранее благодарю за ответ!

    Asked by nikita3334,

    0 votes
    5 answers

  12. Кнопка внизу 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

  13. Получить из подменю ещё одно

    Доброго времени суток! Решил зарегистрироваться наконец на этом форуме, после нескольких месяцев просмотра его Появился вопрос один, касающийся css деталей. Вкратце, есть стандартное меню, при наведении на один из пунктов ("Каталог"), появляется ещё одно меню - подменю, который содержит ещё два пункта, и вот в чём вопрос, хочу получить из одно из этих двух пунктов ещё одно меню - подподменю Создать его могу, а как обеспечить выбор пунктов уже в нём никак не могу сообразить. Исходничек с этой проблемой здесь. И я просто не знаю как это сделать. Буду рад любым подсказкам и помощи!

    Asked by drew,

    0 votes
    20 answers

  14. Бордюры в IE

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

    Asked by yujin11,

    0 votes
    2 answers

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

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

    Asked by cul8er,

    0 votes
    11 answers

  16. Метод "Раздвижных дверей" и ИЕ7, ИЕ8(режим совместимости)

    Есть кнопка, сделанная по методу раздвижный дверей: <div class="my_button"> <div class="left_side"></div> <div class="right_side"></div> <button></button> </div> .my_button{position:relative; height:200px;} .left_side{position:absolute; height:200px; left:0; right:10px; background:url;} .right_side{position:absolute; height:200px; right:0; width:10px; background:url;} В общих чертах так. Получается замечательная кнопочка с любыми эффектами, которая сама тянется (в разумных пределах) в зависимости от текста в button. И это замечательно работает во всех браузерах, кроме ИЕ7 и 8(режим совместимости). В них через раз про…

    Asked by RoleXXX,

    0 votes
    6 answers

  17. Плавающие блоки

    Есть следующие блоки: http://lob1.ru/examples/block/1/ Вопрос: как сделать, чтобы было http://lob1.ru/examples/block/2/, но при этом высота блока будет неизвестна?

    Asked by Lob1AV,

    0 votes
    22 answers

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

    Имеется страница, на которой подряд (в столбик) идут несколько таблиц внутри одной, более общей. .... <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

  19. @@font-face

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

    Asked by tanchu,

    0 votes
    3 answers

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

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

    Asked by drew,

    0 votes
    2 answers

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

    День добрый. В шаблоне меню на сайте есть динамическое меню и есть ссылка которая написана в ручную в шаблоне. Но на них не работает стиль для активных ссылок. #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

  22. Двойной фон в разные стороны

    Здравствуйте! Помогите пожалуйста сделать такое: Может быть, можно сделать 1 фон первые 50%, второй фон - след 50% и будет нормально вроде

    Asked by Xorigan,

    0 votes
    9 answers

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

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

    Asked by Goldie,

    0 votes
    1 answer

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

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

    Asked by mysterykepper,

    0 votes
    4 answers

  25. Как отцентрировать 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

  • Обсуждения

    • 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