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. bb коды на ucoz

    в общем я хотел сделать на сайте в разделе добавления материала в каталоге файлов дополнительный bb код с помощью которго можно было бы как то выделить нужную информацию вот скипт <script type="text/javascript"> $(document).ready(function(){ $("input.codeButtons[value='u']:last").parent().after("<span style=\"padding-right: 1px;\"><input title=\"Важное примечание\" value=\"Важное\" onclick=\"simpletag('attention','','','message','')\" class=\"codeButtons\" id=\"attention\" type=\"button\"></span>"); }); </script> так вот, не знаю как нужно придать вид этому делу если просто то получается к примеру так [attention]Очень важно[/attenti…

    Asked by tema,

    0 votes
    2 answers

  2. проблема с margin-top

    <!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" /> <link href="style/style.css" rel="stylesheet" type="text/css" /> <title>Верстка</title> <style> *{margin:0; padding:0;} #wrapper{ width:980px; height:910px; margin:0 auto; border:1px solid #000; } #header{ height:205px; background: -webkit-linear-gradient(top, #fff, #e8e9ed); background: -o-linear-gradient(top, #fff, #e8e9ed); background: -ms-linear-gradient(top, #fff, #e8e9ed); backgr…

    Asked by Krote,

    0 votes
    2 answers

  3. Повернутый текст в IE, помогите пожалуйста

    Уважаемые спецы по HTML верстке! Моя задача - повернуть текст на минус 90 градусов. Код ниже работает как надо в FireFox 10, но в IE6,7,8 и т.д. не работает, хотя уже много рецептов, найденных на разных сайтах, перепробовал. Буду весьма благодарен, если поможете повернуть текст и в IE. <!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" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Vertical text IE test</title> <style type="text/css"> .bookm_t…

    Asked by AlexV,

    0 votes
    2 answers

  4. Блоки выпадают из потока

    http://ucpb.org/new/index.html Див content имеет два вложенных блока, но почему-то они из него выпадают, причем из body тоже выпадают. Как бороться?

    Asked by Sevkov,

    0 votes
    2 answers

  5. checkbox внутри select

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

    Asked by stone86,

    0 votes
    2 answers

  6. textbox и круглые углы

    Привет! Пытаюсь сделать кроссбраузерные закругленные углы для textbox. Помогите пожалуйста, кто не занят. Проблемы такие: 1) div блок, содержащий картинку с левой границей не хочет растягиваться на всю высоту. 2) div блок, который рисует верхнюю границу, выезжает за пределы div блока, который содержит рисунок правого верхнего уголка. посмотреть можно тут Код: <!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="X-UA-Compatible" content="IE=8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />…

    Asked by Heartbeat,

    0 votes
    2 answers

  7. Текст внутри формы

    Здраствуйте знатоки. Стоит такая задача нужно внутри формы поиска изменить текст не прибегая к JS. Все ничего но проблема в том что нужно два варианта: Первое серый текст атрибута placeholder должен остатса серым ; Второе когда user вводит или уже ввел текст поиска он должин быть чорным; Я новичок работаю только 2 месяца поетому не судите строго если вопрос очень простой но я не всилах разобратса сам. Код формы такой: <div id="search"> <form action="/search/index.html" method="get"> <input class="text" placeholder="поиск по товарам и брендам" type="text" value="" name="query" id="query" /> <input class="search-button" name…

    Asked by Max_Sheva,

    0 votes
    2 answers

  8. высота страницы не определяется

    Наверстал страницу. Новичок. Проблема в том, что браузер не понимает автоматически высоту страницы и обрезает ее. Ставил в body height 100%, в page ставил 100%, не помогает. Либо надо явно задавать высоту, что не всегда приемлемо, либо отображается криво как аттаче. Какие типичные ошибки могли к этому привести? В некоторых местах для дивов задавал margin-top:-200px; Может ли быть в этом проблема? вот например ссылка. страница кривая пока, но главное, что иллюстрирует проблему обрезания высоты. http://zgid.d-mir.ru/zgid/Tarif/ таблица обрезается. так происходит со всеми страницами((

    Asked by Vertex,

    0 votes
    2 answers

  9. CSS

    В общем, сейчас делаю дизайн для сайта и в ксс сделал так, что если в тексте ссылка - <a href="">бла бла бла</a>, значит текст подчёркивается. Но Появилась проблема - теперь если в этой ссылке находится изображение - <a href=""><img src="" /></a>, то изображение тоже подчёркивается. А мне этого не надо. Как сделать так, чтобы подчёркивалось всё, кроме изображений?

    Asked by gbushmakin,

    0 votes
    2 answers

  10. Joomla 2.5

    А создание шаблона для Joomla 2.5 чем-то отличается от 1.7? Или все то же самое? И может лит-ра есть хорошая на эту тему кто в курсе? Или видеокурс какой...

    Asked by Imperil,

    0 votes
    2 answers

  11. Вложенный список

    Почему мой список не отображается как вложенный? (То есть по идее вложенный список должен быть чуть правее основного списка). http://jsfiddle.net/nHjeX/

    Asked by Imperil,

    0 votes
    2 answers

  12. height: 100%

    Добрый вечер. Это опять я, со своими дилетантскими проблемами. На этот раз проблема в следующем: имеется три блока внутри общего, один из блоков имеет постоянный контент, но ни у одного нет заданной высоты. Необходимо сделать так, чтобы все блоки были одинаковой высоты. Буду рад вашей помощи.

    Asked by Arinden,

    0 votes
    2 answers

  13. Позиционирование

    есть пример проблемный в нем длинна div с поиском растягивается от длинны меню но если убрать меню поиск становится так как мне нужно помогите сделать их независимыми если можно то обьясните проблему

    Asked by Actticus,

    0 votes
    2 answers

  14. Слайд шоу

    Всем привет! Нужно сделать слайд шоу. На сайте http://www.lokeshdhakar.com/projects/lightbox2/ загрузил себе пример, сделал всё как и написано на этом сайте, слайд шоу работает во всех браузерах. Только в IE появляется сверху надпись про управление ActiveX и т.д. Только когда разрешаешь заблокированное содержимое, тогда слайд шоу в IE работает так как надо. Если я загружу свою страницу на хостинг, у пользователей которые посещают мою страницу эта надпись в IE тоже будет появляться? Как мне с ней бороться?

    Asked by big_time,

    0 votes
    2 answers

  15. Как уменьшить вес картинки, сохранив ее массштаб?

    Подскажите пожалуйста, как можно уменьшить вес картинки, но при этом сохранить длинну и ширину? Сайт из-за этого долго грузится, но размер картинки нужно сохранить. Спасибо

    Asked by Yarkaya,

    0 votes
    2 answers

  16. Ошибка отображения в IE7

    Добрый день всем! Посмотрите, пожалуйста, скриншоты. На втором видно, что блоки смещаются. Такое только в IE7 (и в IE8, если в нем включен режим совместимости). Адрес сайта http://www.nomalenio.com/. Кто-нибудь знает, как наладить совместимость с IE7? За пару дней были сверстаны три различных сайта-визитки и в каждом из них наблюдается подобное. Опыта у меня мало, и времени, к сожалению, тоже. Ребят, буду благодарен за любой дельный совет.

    Asked by mbat,

    0 votes
    2 answers

  17. Масштаб изображения по размеру экрана.

    Как сделать чтобы изображение полностью было на экране, без прокрутки? например изображение 1600х1200. а размер окна намного меньше.

    Asked by AlexVrag,

    0 votes
    2 answers

  18. помогите убрать странный отступ снизу

    помогите убрать странный отступ снизу(для IE). используется плагин с сайта http://css3pie.com/ <html> <head></head> <title></title> <style> #main{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); …

    Asked by pdbq,

    0 votes
    2 answers

  19. Помогите с переопределением

    Что-то совсем не получается в модуле Джумлы1.5 сделать вот такое вот: http://s2.ipicture.ru/uploads/20120224/4dzTAayK.png Получается только вот так: http://s2.ipicture.ru/uploads/20120224/75X6621k.png Вот код менюшки: http://jsfiddle.net/WP9XM/ А как модуль переопределить чтобы можно было такую структуру выстроить не понимаю Вот как я делал: http://jsfiddle.net/b4jxg/ Но как классы то придать заголовкам чтобы двигать их можно было, жирность выставлять и т.д.? Как структуру правильно выстроить? Очень нужно, спасибо.

    Asked by Imperil,

    0 votes
    2 answers

  20. картинка всегда внизу блока

    Здравствуйте! Волнует вопрос как сделать так, что бы картинка располагалась всегда в правом нижнем углу, в независимости от наличия и объема контента в блоке. (контент должен ее обтекать) Background не пойдет так как в таком случае текст будет наползать на картинку... жду хоть каких то идей..

    Asked by Fate-ol,

    0 votes
    2 answers

  21. недогоняю

    делаю навигацию под статьями в joomla сделад вывод куска в таком формате <div class="pagination"> <p class="counter"> Страница 8 из 17 </p> <ul class="pag"> <li class="tab"><strong><a href="/index.php?limitstart=0" title="В начало">В начало</a></strong></li> <li class="tab"><strong><a href="/index.php?start=24" title="Назад">←</a></strong></li> <li><strong><a href="/index.php?start=8" title="3">3</a></strong></li> <li><strong><a href="/index.php?start=12" title="4">4</a><…

    Asked by Actticus,

    0 votes
    2 answers

  22. тэг {edituser}

    Доброго Вам время суток. столкунля с проблемай двиг DLE надо сделать что бы 1 стал такимже как 2 .userinfo { padding-left: 125px; } .ui-dialog-content .userinfo { padding: 10px 0 10px 125px; } .userinfo .l_con { margin-left: -125px; width: 110px; padding-right: 15px; } .userinfo .r_con { width: 100%; } .userinfo .rcol ul { margin-left: 0; } .userinfo .rcol ul li { margin-bottom: 2px; }

    Asked by trooper,

    0 votes
    2 answers

  23. Всплывающие подсказки

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

    Asked by JastinB,

    0 votes
    2 answers

  24. Опустить DIV в DIV'е в нижний правый угол

    Не могу опустить DIV в DIV'е в нижний правый угол при фиксированном размере вложенного div'а и c padding'ом. Может кто покажет на примере?

    Asked by stlb,

    0 votes
    2 answers

  25. Как сделать картинку при наведении курсора картинка изменяется

    Вот код я использую: #header .site-info {padding:100px 0 0 120px;height:84px;text-shadow:1px 1px 0 #000;background:url(http://www.cod.game-pack.net/images/logocallofduty.png) 30px 40px no-repeat;overflow:hidden;} А вот код другой код: <div class="site-info"> Помогите!!!!

    Asked by GhostNiniga,

    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