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. Не работает свойство из внешнего css-файла

    Здравствуйте. CSS правило: background: url(images/header_bg.png) repeat-x left top; Прописано во внешнем css-файле - не работает. Переношу в <head> - работает. Для проверки делал следующее: Добавлял во внешний файл в свойство background цвет фона - работает: background: #666; К самому элементу обращался через [id=header] и [class=header] - ни один вариант не работает Загружал файл header_bg.png на радикал и вставлял в значения url() - работает Проблема в правильности написания пути до изображения видимо. Перенес изображение выше, назвал проще, заключил в кавычки одинарные/двойные и без них т.е. url("h.png").Также копировал название файла. - не работает Менял фи…

    Asked by red4pony,

    0 votes
    2 answers

  2. fuelux - как его зацепить?

    Не совсем проблема верстки конечно, но все же. Пробовал кто нибудь http://exacttarget.github.com/fuelux/ ? Меня собственно интересует только дерево http://exacttarget.github.com/fuelux/#tree Вот можно ли как то его (только дерево), подцепить к существующему сайту с бутстрапом. По идее вроде ничего сложного, берем tree.js и просто добавляем. Но у меня не выходит. Постоянно ошибку выдает. На самом fuelux цепляется все через requirejs, underscore еще впихнули. Пробовал различные махинации, но не хочет. requirejs.config({ paths: { 'jquery': 'lib/jquery', 'underscore': 'http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min', 'bootstrap': 'lib/bootstrap/js'…

    Asked by npofopr,

    0 votes
    2 answers

  3. Почему нельзя копировать содержимое с jsFiddle в опере?

    Собственно почему?Вот обычный код http://jsfiddle.net/3Lw38/1/ ,почему я выделяю нужные участки кода нормально но немогу копировать их?Не контрлЦ не ПКМ по выделеному.

    Asked by pudge,

    0 votes
    2 answers

  4. Верстка адаптивного слайдера

    Всем привет. Сабж: хочу сверстать адаптивный слайдер. Для макета использую сетку от бутстрапа. Сначала задавал диву с классом slider-container ширину около 3000px, а Slider-holder'у overflow: hidden, в общем стандартная разметка для слайдера. Но поскольку слайдер должен быть адаптивным, то и ширина у него и у его дочерних элементов в процентах -> растягивались эти проценты на все 3000px. В итоге всё выглядело не так, как нужно. Решил сделать по-другому: <li> задал absolute, а ul.slider-container relative, чтобы показывать слайды с помощью изменения прозрачности. Но теперь <li> с absolute'ом "не видят" свой контент(пикча и текст) и чтобы увидеть слайды, нужн…

    Asked by SuperJerk,

    0 votes
    2 answers

  5. Меню на разных разрешениях

    Меня на разных разрешениях "правильно" сходит. Может можно как-то по-другому сверстать? Чтобы разрешение не влияло. Использовать JS нельзя... http://mc-diamond.ru

    Asked by Evgen8,

    0 votes
    2 answers

  6. Как сделать что бы динамический блок не смещал все последующие елементы на сайте?

    Вот в чем проблема,в шапке сайта хочу разместить вот такой блок для смены языка http://jsfiddle.net/3Lw38/1/ .Все вроде как нормально но это до тех пор пока на этот блок не навести курсор,как видите выдвигается спойлер который смещяет все елементы сайта вниз.Как сделать так что бы при наведении курсора все стояло на местах и никуда не двигалось?

    Asked by pudge,

    0 votes
    2 answers

  7. ISPManager

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

    Asked by St.Jimmy,

    0 votes
    2 answers

  8. Лапочка

    Самый странный или интригующий сайт который вы видели.

    Asked by St.Jimmy,

    0 votes
    2 answers

  9. Вертикальное меню

    Доброго времени суток! есть такая проблема - в вертикальном меню "аккордеон" все время открыт первый пункт... к огромному сожалению это совсем ни к чему, во всяком случае на всех страницах. Как открыть нужные подпункты там где надо, я уже разобрался, а вот как закрыть этот первый пункт не знаю... облазил все... Как все это дело выглядит можно посмотреть тут: http://perfectionstudio.ru/palve/index.html, если надо напишу сюда все коды..) Буду очень-очень благодарен за помощь!

    Asked by mikhelevich,

    0 votes
    2 answers

  10. Картинки после текста

    Ребята помогите, не могу сообразить! Есть страница http://video.seodacha.ru/cat/videokamery-ulichnye/innovi-z10 На этих страницах может быть неограниченное количество картинок. Вопрос в том, чтобы сделать так, чтобы текст не прилегал к картинке, а начинался ровно после горизонтальной линии картинок.

    Asked by smirn0ff,

    0 votes
    2 answers

  11. Float: left

    Вот, посмотрите: http://jsfiddle.net/iKNG/M6yb7/ Надо, чтобы в 1 Div-родителе Div-дети выстраивались в 1 строку, во 2 так же, но в отдельную. То есть так: а не так: Как это реализовать?

    Asked by iKNG,

    0 votes
    2 answers

  12. Как заставить фото сжиматься с самого начала его показа?

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

    Asked by borus,

    0 votes
    2 answers

  13. Горизонтальное меню в Opera

    Здравствуйте! Столкнулся с проблемой. Сделал меню, в Chrome и Mozilla работает, а вот в Opera не становиться горизонтальным. Делаю способом float:left. Подскажите, пожалуйста, как исправить. (http://87.237.116.73/Otromt/forum.html) <div class="menu"> <ul class="menu_ul"> <li><a href="http://test1.ru/about.php">About</a></li> <li><a href="http://test1.ru/forum.php">Forum</a></li> <li><a href="http://test1.ru/prices.php">Prices</a></li> </ul> </div> .menu{ color: darkred; column-count: 3; margin-bottom: -60px; height: 100px; text-align: center; …

    Asked by Michael Myers,

    0 votes
    2 answers

  14. Прозрачность блока

    Вот страничка http://tankist10.hosting-test.org.ua/ З.Ы. В брузере Opera,когда открыт этот блок с картинкой при прокрутке или resize window блок исчезает. Как исправить?

    Asked by T@NKIST,

    0 votes
    2 answers

  15. Как выровнять все картинки по центру через CSS

    Здравствуйте, подскажите пожалуйста, как вровнять все картинки по центру страница через CSS? Что нужно дописать в уже существующий стиль, чтобы каждую картинку не приходилось выравнивать вручную? спасибо

    Asked by Tsilya,

    0 votes
    2 answers

  16. Не стандартная верстка, помогите сверстать!

    1

    Asked by Garytopor,

    0 votes
    2 answers

  17. Обрезание картинки в шапке сайта. (with link)

    http://kursprokazan.ru/ Зайдите в раздел запись или контакты, там в шапке сайта идет обрезание картинки. Что делать?

    Asked by St.Jimmy,

    0 votes
    2 answers

  18. Помогите начинающему:)

    Ребятки, нужна ваша помощь. Хочу стать верстальщиком. Посоветуйте с чего начать лучше, книги какие почитать, полезные сайты.Спасибо

    Asked by YourDeath,

    0 votes
    2 answers

  19. Лиса не хочет отображать границы в таблице

    Лиса не хочет отображать границы в таблице. Почти все она отображает, но лишь две не отображает. На картинке видно. Но что самое интересное я ничего не менял, и на какое-то время они появились. Потом опять пропали. В Opera, Chrome все нормально. Подскажите пожалуйста. Вот код: .shop_table table tr th{ font-size: 23px; border: 3px ridge slategrey; } .shop_table table tr td{ font-size: 18px; border: 3px ridge slategrey; } .shop_table table{ border: 3px ridge slategrey; border-collapse: collapse; } <img id="y-t-loader" style="display: none;" /> [] -

    Asked by Michael Myers,

    0 votes
    2 answers

  20. не работает слайдер

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

    Asked by cyklop77,

    0 votes
    2 answers

  21. Убрать линии в форме подписки

    Сздала на одном сервисе форму подписки. Выглядит нормально, но когда выкладываешь на сайт между полями появляются черные линии. Может кто подскажет как их убрать. Вот код формы <!-- SmartResponder.ru subscribe form code (begin) --> <style type="text/css"><!-- .sr-box table {width: auto !important;}#elem_table_element_header{width:268px !important;}.sr-box img {max-width: none;}.sr-box br {display:none;}.sr-box p {display:none;}.sr-box {display: block !important;position: relative;width: 250px;}.sr-box-list table{border:0 !important}.sr-box-list td{padding:0px !important; border:0 !important}.sr-box-list{clear: both;display: block;list-style: none outside…

    Asked by dooddy,

    0 votes
    2 answers

  22. Проблема с формой

    Здравствуйте, уважаемые верстальщики и все остальные! Я начинающий верстальщик и всему только учусь. При верстке очередного макета/шаблона возникла проблем-ка с формой. Собственно сому форму, я создал, можете посмотреть её на данном снимке экрана: Как видно из снимка, радио-кнопки, ссылку и первую текстовую область я с позиционировал. Но, к сожалению, с остальными почему-то не получается, пробовал и марджины и все что мог и знал Элементы формы нужно с позиционировать как на данном снимке экрана: Кто может помочь решить данную проблему или хотя-бы посоветовать какой либо источник, который помог бы решить данный вопрос, пожалуйста, отзовитесь. Буду признателен вам всей д…

    Asked by nad_sergey,

    0 votes
    2 answers

  23. Размещение блоков вряд, без копирования кода.

    Добрый день жители форума. Нужна помощь салаге, не видавшему морей) Мне нужно сделать четыре столбца, подряд, Есть такой вот код: .f_panel div { position:absolute; margin:20px 20px; width:220px; color:#FFF; background-color:#999; text-align:left; } Вопрос, как сделать их не копируя код в самом html? То есть я делаю div в нем делаю еще дивы со столбцами, в них будут краткие описания новостей, как их сдвинуть... не писать же для каждого столбца стиль с разным сдвигом, можно это как-то упростить?. Прошу извинения за немного абстрактный вопрос.

    Asked by vaak,

    0 votes
    2 answers

  24. Резиновое меню не очень резиновое

    Здравствуйте. Окажите помощь, пожалуйста, начинающему верстальщику в разработке резинового меню. <nav id="top"> <ul id="menu"> <li class="main"><a href="#">Главная</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Услуги</a> <ul class="drop"> <li><a href="#">Service 1</a></li> <li><a href="#">Service 2</a></li> <li><a href="#">Service 3</a></li> <li><a href="#">Service 4</a></li> </ul> </li> <li><a href="#">Каталог</a></li> <li>&…

    Asked by caramel_stain,

    0 votes
    2 answers

  25. Не получается простой пример

    В самоучителе проходил вот такое вот решение. Вывод вписанного текста во всплывающее окно JS при нажатии на кнопку: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег INPUT, атрибут name</title> <script> function dataField(f) { alert("Вы ввели: " + f.comment.value); } </script> </head> <body> <form action="handler.php"> <p><b>Введите текст</b></p> <p><input type="text" name="comment"> <input type="button" value="ОК" onclick="dataField(this.form)"></p> </form> </body> </html> Захотел сд…

    Asked by DkS,

    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