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. Подчеркивание ссылки

    Всем доброго времени суток! Помогите, пжалуйста Исходный код html <html> <head><title></title></head> <body> <div class="zagolovok"><a href="http://www.pravovest.ru/hotnews/" title="Новости законодательства"> <strong><h1>Горячие новости законодательства</h1></strong></a></div></body> </html> Исходный код css h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #636363; } .zagolovok a{ text-decoration: none; } .zagolovok a:hover { text-decoration: underline; color: #636363; } .zagolovok { position: relative; margin-top: 50px; …

    Asked by hopes_in_life,

    0 votes
    16 answers

  2. css-меню

    Намаялся, не могу понять: что текстовое, что на спрайтах меню, делаю разные стили для 1 пункта: обычное, hover и active. Срабатывают первые два, active стиль игнорируется. Подскажите пож-та, как должен выглядеть кусок. Допустим, сдвигая изображение: ul.navbar {...} ul.navbar li.main {background-position: 0px 0px; height: 120px;} ul.navbar li.main:hover {background-position: -25px 0px;} ul.navbar li.main:active {background-position: -25px 0px;} и вот находясь на этой страничке мы видем кусок изображения 0px 0px. Что не так ? заранее большое спасибо

    Asked by virus-07,

    0 votes
    7 answers

  3. Установка стиля в зависимости от текста

    В CSS есть такая хорошая штука-селектор атрибутов.То есть я могу задать стиль элементу в зависимости от значения параметров:a[href*=site.ru]{color:red;}.Каким образом задать стиль в зависимости от наполнения,типа h3[text*=user menu]{color:blue;}.Все делается в Джумле,генерится автоматически,поэтому все элементы модулей одинаковые,и отличаются только текстом.

    Asked by user,

    0 votes
    6 answers

  4. как сделать google maps карту позади блока?

    В общем, надо сделать ,чтобы над картой при нажатии на кнопку открывался блок div. Но он всегда открывается позади карты, даже делая я-index этого блока равным 15000 , я не смог сделать то что мне нужно. Хотя на некоторых сайтах с картой гугла я видел открывающиеся над картой блоки . В общем, как это сделать, чтобы блок открывался поверх карты?

    Asked by челХ,

    0 votes
    3 answers

  5. Помогите с кодом для резиновой верстки

    Ребята... Подскажите, а еще лучше, помогите с кодом на сайте khodyka.com Хочу сделать другу сайт, только опыта почти нету....И вышла загвоздка с шапкой страницы....она банально разъезжается при увеличении масштаба.. мне необходимо следующее: 3 области в шапке 1 div под левый рисунок (200Х200) 2 div посередине, разделенный на две области - верхний ДИВ под яваскрипт, отображающий карусель фотографий, нижний ДИВ - отображение навигации для зарегистрированных пользователей; 3 div справа, который отображает обрезанный тизер статьи. Под седьмой эксплоер худо бедно подправил, под 6-ой - тихий ужас. И самое главное - как сделать, чтобы нормально тянулся сайт (шапка), и …

    Asked by svaroha,

    0 votes
    23 answers

  6. Проблема с изображениями

    Доброго времени суток. У меня сайт на CMS joomla. Раньше я использовал шаблон который сам написал. Проблема моя состоит в том что после того как установил другой шаблон у картинок перестал отображаться отступ прописаный тегом hspace. Подскажите пожалуйста в чем может быть проблема??

    Asked by romko,

    0 votes
    4 answers

  7. Позиционирование блоков div

    Всем привет! Такой вопрос. Ниже я выложил код, хочу, чтобы блоки leftdown и centerdown распологались под leftmiddle и centermiddle соответственно, однако ничего не получается, со свойством position я уже возился, разные параметры ставил, однако никак не получается из за того что блоки leftmiddle и centermiddle эластичные. Кто нибудь знает, вообще возможно такое сделать, что я хочу? Может подскажете какое нибудь свойство которое регулирует это действие. Памагите!!! <style type="text/css"> BODY{ background-color:; background-image:url(); background-repeat:repeat-y; margin:0; width:1024px; } .main{ width:1024px; margin:0px; } …

    Asked by DDX,

    0 votes
    20 answers

  8. Как сверстать клавиатуру такую как на картинке (iPhone KeyBoard)?

    Здрасте, помогите плиз сверстать такую клавиатуру как на картинке, как сделать тени такие, поместить такие значки shift и backspace? заранее спасибо

    Asked by vvsh,

    0 votes
    14 answers

  9. Необычное значение background

    На одном сайте при разборе кода наткнулся вот на такую вещь: #someId {background: buttonface} Что это за вид бекграунда? Что даёт? Если возможно, скиньте ссылки, где об этом рассказывается. Гугление результатов не принесло...

    Asked by trikadin,

    0 votes
    5 answers

  10. Вставка содержимого

    Возник вот какой вопрос. Нужно на страницу сайта запихнуть 3 неких блока в 3х разных местах, вот так Так чтобы в эти блоки можно было засовывать картинки, текст и прочее. Это можно сделать таблицами, на сколько я понимаю, но я так и не понял как задать определенное расположение таблиц на странице. Непосредственно вопрос: Какими средствами это можно еще сделать? Пожалуйсто, предлагайте все возможные варианты. Спасибо (=

    Asked by mxwuser,

    0 votes
    5 answers

  11. Разрыв между дивами

    Добрый день. Возникает проблема уже не первый раз. Делаю закругление страницы с помощью бэкграунда, в ИЕ7 возникает промежуток между дивами. Как это можно исправить? Вот как это выглядит.Скрин Ps. Скорее всего на форуме этот вопрос обсуждался, но не знаю как в поиске описать подобную проблему

    Asked by ejohn,

    0 votes
    1 answer

  12. div vs table

    Знаю тема обсуждалась не раз, но все-же кто сталкивался с чем то что нельзя реализовать блоками но при этом можно сделать таблицами? Приводите примеры. Мне сегодня такая инфа. может понадобиться.

    Asked by rediskavet,

    0 votes
    7 answers

  13. Создание плавающего блока обтекаемого контентом

    Реально ли сделать что-то типа такого, но с обтеканием контента? Если не с помощью CSS, то может фрэймами или с помощью jQuery? P.S. С jQuery только начинаю разбираться - поэтому всех нюансов не знаю.

    Asked by Lob1AV,

    0 votes
    8 answers

  14. Проблема центрирования блоков при резиновой ширины

    Как центрировать 4 блока при резиновой ширины #wrapper ? <style> /*Blocks*/ html, body{margin:0; padding:0;} #wrapper{width:100%; text-align:center;} #wrapper div{float:left;} #wrapper .b1,.b2,.b3,.b4{border:1px solid red; min-width:200px;} .clear{clear:both;} </style> <div id="wrapper"> <div class="b1">Block-1</div> <div class="b2">Block-2</div> <div class="b3">Block-3</div> <div class="b4">Block-4</div> <div class="clear"></div> </div> Вид на броузере : Клик сюда >>>

    Asked by ziyodjon,

    0 votes
    14 answers

  15. Повторение фона через равные промежутки?

    К примеру, я хочу повторять фон в слое, но для экономии трафика режу фоновую картинку по границам видимых элементов на ней. Ну, обрезаю прозрачные края. Можно ли как-то размножить фон через равные промежутки, а не стык-в-стык? Надеюсь, понятно объяснил, чего хочу добиться.

    Asked by d0ublezer0,

    0 votes
    2 answers

  16. Браузер не распознает кодировку

    <!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=utf-8" /> <title>Лето</title> </head> <body> <br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето 123 </body> </html> Если этот текст помещаю в test.php, то получаю вот такие крякозябры: Если же в test.html, то нормальный вывод. Если в браузере выбрать кодировк…

    Asked by warobushek,

    0 votes
    3 answers

  17. Отображение блока только в Opera?

    Прелюдия: При разработке интерфейса, столкнулся с проблемой что визуальный редактор TinyMCE некорректно работает в браузерах Opera10+. Более или менее сносно работает только тема simple, в которой ограниченный набор функций. Действия: Решением в данной ситуации было вынести плагины во внешний блок. Что было тут же реализовано. Проблема: Как спрятать этот блок от всех других кроме Оперы браузеров? Реализация любая: css, js, php... Уже час гуглю - пока 0. _______________________________________________________ js^ if(navigator.userAgent.indexOf("Opera")!=-1){... Дает ошибку в safari & chrome браузерах, надо кроссбраузерное решение...

    Asked by nayre,

    0 votes
    6 answers

  18. Нужно изменить формат тега </hr>

    Здравствуйте! Решил изменить вид комментариев на своем сайте! Остановился на данном варианте: Подогнал под DLE, убрал ненужное, добавил необходимое! Но вот в чем проблема: у меня на сайте полоска, вызываемая тегом </hr> после даты выглядит совсем не так как на скриншоте а вот так: Помогите исправить данную полосу! Вот CSS код, который прилагался к этому виду комментариев: /*===COMMENTS===*/ table.comblock {background-color: #ffffff; } table.comblock td.cblock-content {background: transparent url("/images/comment/cblock_center_mtop.gif") left top repeat-x; } table.comblock td.cblock-left { vertical-align: top; background: url("/images/comment/cblock_middle_left.gi…

    Asked by kombat003,

    0 votes
    5 answers

  19. Подскажите начинающему

    Уважаемые юзеры возможно вопросы имеют очевидные ответы для вас, но я новичек в верстке, только осваиваю и не всегда получается найти ответы на все возникающие вопросы, будьте любезны подсказать или ответить на два вопроса: 1) Первый вопрос касается тега <object> Читая литературу по XHTML я пришел к выводу что тег <object> предназначен не только для вставки мультимедия , но также но по стандартам W3C должен заменить тег <img>. Возник вопрос, почему сегодня в сайтах его не применяют? То есть хотелось бы понять в чем сложность его применения как альтернативы <img> и как должен выглядеть тег <object> с картинкой? В качестве ответа мне интере…

    Asked by Серый*,

    0 votes
    4 answers

  20. Формирование ссылок. Нужна помощь.

    Всем доброго дня. У меня возникла одна проблема с формированием ссылок. Расскажу в начале предисторию. Решил я написать поиск по своему каталогу товаров. Поиск написал работает нормально. НО! При выводе списка товаров, которые соответствуют поисковому запросу есть проблема с ссылками. А именно, у меня в списке присутствует название товара и рядышком возле него корзинка для быстрого заказа, href для корзинки выглядит так http://bccomteh.com.ua/search/?qrstr=nokia&dir=ASC&order=_3&o[28][17885]= работает эта кнопочка нормально, вопросов нет, а для назавния (для перехода на детализацию товара и его описания) выглядит вот так http://bccomteh.com.ua/search/32?pid…

    Asked by Drongo,

    0 votes
    3 answers

  21. Шапка сайта.

    Всем привет! Помогите в такой проблеме. Когда я смотрю свой сайт на плоском мониторе (у меня монитор SAMTRON 76DF) картинка вставленная в шапку отображается 2-3 раза т.е. не рестягивается. Подскажите в чем может быть причина и как ее исправить. Заранее благодарен!

    Asked by 77999,

    0 votes
    6 answers

  22. Сложное меню

    Ребята, подскажите, или может есть пример как можно верстануть списком (дивами) такое меню, не могу логику уловить. Буду благодарен

    Asked by okunev2,

    0 votes
    5 answers

  23. Проблема вёрстки резинового меню

    Всем доброго времени суток! Решил попробовать сверстать дизайн, но появилась небольшая проблема при вёрстке меню. Меню у меня горизонтальное, шириной 70%. Для его центрирования сделал отступ слева 15%. Меню справа и слева по задумке должно иметь скругленные края, весь фон формата png для сохранения прозрачности. Следовательно фон должен состоять из 3 частей: фон общий, фон справа и фон слева. вот html код: <div id="menu_main"> <div id="menu"></div> <div id="menu-l"></div> <div id="menu-r"></div> </div> css: #menu_main{ float:left; margin-top: 75px; margin-left: 15%; width: 70%; height: 58px; min-width: 700px…

    Asked by Kostyan,

    0 votes
    7 answers

  24. Отображение списка

    Доброго времени суток. У меня возникла проблема необходимо сделать меню одним списком, только что бы оно отображалось примерно так: Проблема как раз состоит в том что блок меню ограничен по высоте и то что не влезет должно отобразится сбоку. Подскажите это вообще реализуемо?

    Asked by romko,

    0 votes
    2 answers

  25. Как сохранить позицию страницы?

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

    Asked by Drongo,

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