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 страничках, при условии, если я отключу музыку во флешке на одной страничке, они отключаться на другой. Не обязательно на флеш. Вообще возможна такая затея средствами html и php? В деталях Есть 3 простых html странички, на каждой стоит плеер (флешка) с кнопкой плей и старт. Далее если я например отключу музыку на первой страничке и далее захожу на вторую, то естественно музыка начинает играть заново, и приходится снова отключать. Подскажите, как реализовать чтобы выбор запоминался во флешке и передавался на другие странички, чтобы заново не отключать в плеере. Или воз…

    Asked by dedmene,

    0 votes
    3 answers

  2. Как реализовать карту Италии <map>

    Пожалуйста, помогите реализовать карту Італии, с подсветкой регионов и ссылкой на них. Так как это сделано на сайте www.vivastreet.virgilio.it Что то я запутался, прошу помощи. Вытащил все изображений, координаты но с кодом проблема. Как заставить работать? Не понимаю что означают строчки onmouseover="VIVASTREET.mapRollOver('basilicata'); ? Как должен выглядеть код? Не оставайтесь равнодушными, помогите чем можете. Думаю многим будет интересно. Отблагодарю!

    Asked by dimmmid,

    0 votes
    9 answers

  3. однопиксельный бэкграунд c repeat

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

    Asked by gimmer,

    0 votes
    2 answers

  4. багс наследием у div

    интегрирую дизайн в hxxp://svitelektro.com.ua/pvs.html c hxxp://www.shape5.com/demo/shopper_frenzy/index.php?page=shop.browse&category_id=13&option=com_virtuemart&Itemid=80&vmcchk=1&Itemid=80 проблема в том, что начал наследоваться один стиль который применен к div на hxxp://svitelektro.com.ua/pvs.html видно там картинка в списке товара повторяется где я допустил ошибку? Помогите плз уже минут 40 ищу

    Asked by SKM,

    0 votes
    2 answers

  5. zoom сайта

    Доброго времени уважаемые форумчане. Помогите пожалуйста разобраться одним вопросом. Имеется сайт с фиксированной шириной 900px. Решил сделать его, с помощью свойства zoom вместо 100% - 150%. Нормально работает в Google Chrome, а вот в Internet Explorer почему-то сайт уплывает вправо. Погуглил поиск, но ничего подходящего не нашел. Подскажите пожалуйста, как можно выровнять колонку сайта по центру. Вот скриншот отображения в IE-8: P.S. Вообще хочется сделать чтобы сайт масштабировался в зависимости от разрешения монитора пользователя, что в принципе примерно знаю как можно сделать с помощью скрипта, но опять же только с использованием свойства zoom. Может быть кто-то мож…

    Asked by MrVamp,

    0 votes
    5 answers

  6. Блочная "резиновая" вёрстка

    Доброго времени суток! Я только начинаю изучение CSS, подскажите, пожалуйста, как лучше реализовать CSS в этом "резиновом" шаблоне при условии, что каждый элемент шаблона должен быть в отдельном div'е? Какие при этом могут возникнуть нюансы? Спасибо!

    Asked by CocoDen,

    0 votes
    2 answers

  7. TABLE кроссбраузерно выходит за правую границу DIV

    HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Список клиентов</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <link href="/i/css.css" rel="stylesheet" /> <script src="/i/js.js" language="JavaScript" type="text/javascript"></script> <meta http-equiv="Keywords" content="" /> <meta http-equiv="Description" content="" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /…

    Asked by jg_shift,

    0 votes
    5 answers

  8. как div переместить в нижний правый угол

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

    Asked by next,

    0 votes
    5 answers

  9. отрицательный Margin

    #contentwrapper{ float: right; width: 100%; margin-left:-430px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/ background:red;} <div id="contentcolumn"> ukukukukukku </div> зачем margin-left:-430px; ели ширина колонки 100% так и останется и колонка не двигается.... объясните мне принцип действия отрицательных марджинов

    Asked by bot87,

    0 votes
    3 answers

  10. css блок с теню

    Здраствуйте! Здесь http://www.yootheme.com/demo/joomla/enterprise для создания тени исползуетса картинка. Но теневые картинки там странные и я так не смог понять как они так окуратно всё зделали. Кто может мне обяснить?

    Asked by Viitolinsh,

    0 votes
    6 answers

  11. Разрыв между блоками в FF4

    Добрый всем день! Такая проблема. При верстке страниц на сайте http://umatax.com в FF 4.0 появляется разрыв между верхним и средним блоком. В остальных броузерах ничего подобного нет. Ошибки в верстке проверил, все корректно. Был бы очень благодарен за помощь.

    Asked by Yust-os,

    0 votes
    18 answers

  12. Резиновый фон

    Добрый день. Задача слудующая, есть изображение размером 2800x2800, нужно сделать так, что бы картинка отображалась на всю страницу, а все, что выходит за границы обрезалось. То есть больше разрешение - больше видишь. Например здесь http://shtokman.ru/ сделано в точности то, что мне нужно, но к сожалению моего опыта как верстальщика не хватает на то, что бы разобраться самому.

    Asked by megabug,

    0 votes
    2 answers

  13. Не получается спозиционировать сайдбар

    Может здесь помогут... Хелп, едет крыша! Короче, суть проблемы такова: есть двухколоночный страниц - шапк, левый блок (основной), правый блок (сайдбар, фиксированная ширина), блок-прижиматель футера к низу, ну и - прижатый им к низу футер. Так вот, левый (основной) блок прекрасно тянется в высоту насколько нужно и прижимает футер, а правый - сайдбар (или параграф внутри него?) - этот самый футер прекрасненько протыкает (патамушта спозиционирован абсолютно). И висит там под футером как... неприличное что-то, ей-богу. Чего только ни пробовал - ничего не помогает! Короче, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos…

    Asked by nikudza,

    0 votes
    9 answers

  14. Footer

    Добрый день. У меня есть Футер, который скрадается с пнг картинки, понятно что она должна быть всегда прижата к низу и быть по центре. Код css: body{ background-color: #3f822e ; background-image: url(img/fon1.png); background-repeat: repeat-x; margin: 0px; } .main{ background-image: url(img/fon2.png); height: 875px; width: 1000px; margin: 0 auto; } .footer{ background-image: url(img/foot1.png) ; height: 72px; width: 1000px; position: absolute; bottom: 0px; margin: 0 auto; background-color: #142A0E; } Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.…

    Asked by --FENDER--,

    0 votes
    2 answers

  15. Проблема с падающим дивом.

    Приветствую всех. Начал верстать свой сайт и столкнулся с такой проблемой. HTML <div class="left">Left block</div> <div class="right">Rightblock</div> CSS .left {float:left;width:200px;} .right {float:right;width:200px;} Проблема что блок .right опускается ниже на высоту блока .left Раньше я решал проблему так: <div class="right">Rightblock</div> <div class="left">Left block</div> Понимаю, что логически это неправильно, поэтому и озадчился этим вопросом. Спасибо

    Asked by musulman,

    0 votes
    6 answers

  16. Не работают якори

    Подскажите, почему не работают якори на странице, например: http://www.diablo1.ru/witcher2/quests-glava-1-pobochnie.php#malena Не сдвигается на якорь, хотя он указан: <a name="malena"> <h2>Малена</h2> При этом есть другие страницы, например http://www.diablo1.ru/witcher2/quests-glava-1.php#keyran где якори работают.

    Asked by Walk,

    0 votes
    18 answers

  17. Как втулить два relative div-а в один родительский?

    Итак, дано: <div id="content"> - position:relative; <div id="main"></div> - position:relative; margin-right:250px; <div id="sidebar"></div> - width:250px; position - ? </div> Есть родительский div - content. position:relative. В нем два других - main и sidebar. Main - слева. Sidebar (250px) - должен быть - справа. Main - position:relative, правый margin - 250px - по ширине sidebar-а. Если прописываю sidebar-у float:right - он остается справа, но уезжает вниз. Если делаю sidebar тоже relative, то он уезжает вообще под main, даже если ставлю top:0; right:0; И только если sidebar position:absolute - всё норм. Но тогда он кладет на прави…

    Asked by nikudza,

    0 votes
    8 answers

  18. Отступ подчеркивания

    Здравствуйте, подскажите пожалуйста, есть подчеркнутая ссылка <a href="#"> Назад на главную страницу</a> мне нужно линию подчеркивания ниже опустить. Line-height не помогает, font-size тоже(да и за другое они отвечают). Обыскался уже, но пока безрезультатно. Спасибо.

    Asked by Zaku4,

    0 votes
    7 answers

  19. Как избавиться от хитрых бордеров?

    Есть старый сайт, сделаный давно, еще табличной версткой. Нужно перевести тот же дизайн на рейки Друпал 7. Вроде, ничего сложного. Как делал. На старом сайте CTRL+U => CTRL+C, далее новая тема на основе ZEN с этим кодом + CSS и графика со старого сайта, размещаю блоки в нужном месте и т.д. НО! Появились какие-то бордеры или отступы, которые не могу побороть вот уже 2-й день! Гугл и книги курил, ничего не могу сделать, хотя понимаю, что ответ прост. Помогите знатоки, плиз! Полностью с ноля переделывать на DIV уже нету времени! П.С. Скрины и тема в аттаче. Сама тема: http://dl.dropbox.com/u/21433136/mamadeti.zip

    Asked by trolik,

    0 votes
    9 answers

  20. Резиновая рамка п каям сайта.

    Приветствую! Подскажите пожалуйста, никак не соображу... Как сделать резиновую рамку по краям сайта, которая будет растягиваться на 100% по ширине и высоте вместе с контентом? Разрезанные рамки в архиве - http://dl.dropbox.com/u/16468356/images.rar

    Asked by chillout,

    0 votes
    7 answers

  21. Br - как обнулить отступ

    Всем привет, возможно как нибуть обнулить отступ у br ???

    Asked by Mr.Black,

    0 votes
    4 answers

  22. Резиновое бг

    Добрый вечер помогите пожалуйста, как сделать такое бг через обертку? есть одно бг которое повторяется по оси y и есть второе бг которое не повторяется и находится вверху повторяющейся бг начинается только тогда, когда в не повторяющиеся бг заполнено контентом вот так проблема в том что бг повторяющееся и не повторяющееся в формате png на данный момент имеется вот такой код .rightside_bg_y { background: url(./design/contant/bg/rightside/rightcol_y.png) right repeat-y; margin: 0 -164px 0 0; } .rightside_bg { background: url(./design/contant/bg/rightside/rightcol.png) top right no-repeat; height: …

    Asked by Temiks,

    0 votes
    7 answers

  23. Поиск ошибок, специальные инструменты

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

    Asked by CocoDen,

    0 votes
    7 answers

  24. Flash и IE

    Всем привет.У меня возникла как на мой взгляд странная проблема с IE.Во всех браузераз кроме всех IE mp3 плеер подключеный с помощю SWFobject работает. Предоставляю ссылку на сайт _melofon.ms

    Asked by Mr.Black,

    0 votes
    0 answers

  25. Не нужная линия

    Имею сайт http://udmmusic.ru/. Поставил на него поиск от Яндекса. В итоге получилась незапланированная серая линия на строкой поиска. Я пробовал файебагом отключать стиль border-collapse: collapse; - работает. Но этим стилем я не могу управлять так он на сервере Яндекса. Подскажите как это можно устранить?

    Asked by smirn0ff,

    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