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. Выравнивание виджета «Мне нравится» от Вконтакте

    Всем привет. Пытаюсь встроить виджет «Мне нравится» от Вконтакте к себе на сайт. В принципе, просто вставить его на сайт не проблема, однако у меня возникли проблемы с выравниванием этого виджета по центру какого-нибудь элемента. В начале я пытался выровнять его внутри <td> и/или <div> элементов, но когда совсем зашёл в тупик попытался просто сверстать обычную таблицу на всю страницу с выравниванием по центру и, очень удивился, когда просто вставленный код виджета отображается по вертикальному центру нормально, но сдвигается в сторону относительно горизонтального центра. Был бы очень благодарен за помощь в таком, казалось бы, не самом сложном вопросе. Сам, до …

    Asked by Flashist,

    0 votes
    3 answers

  2. Как растинуть картинку во весь экран.

    Здравствуйте. У меня такая проблема. Верстаю вот этот шаблон. как мне сделать 2 полоски Оранжевую и Серую в длину во весь экран ? Вот исходный код http://jsfiddle.net/6cuah/ только я не знаю как туда свои изображения вставить на этот сервис jsfiddle p.s. я начинающий верстальщик не судите строго)

    Asked by WEB-best,

    0 votes
    5 answers

  3. Список li и noindex

    Уважаемые коллеги! Раньше никогда не парился над этим вопросом. Но сейчас хочется, чтоб всё было почистяку) Возник такой вопрос, как правильно оформить спискок li в тег noindex? То есть, чтобы весь этот список не индексировался. У меня пока такие варианты: Вариант 1<!--noindex--><ul><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li></ul><!--/noindex-->Вариант 2<ul><!--noindex--><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/"&gt…

    Asked by efendi,

    0 votes
    3 answers

  4. Разная высота фона для шапки

    Всем привет, прошу помочь грамотным советом. Верстаю сайт, в котором шапка = 100% а сам контент уже 980рх. В шапке над зоной контента дизайном предусмотрено вот такой фон: который я конечно вставил и отцентрировал, но вот как сделать так чтобы и влево он тянулся максимально далеко и вправо не могу придумать из-за разной высоты сторон. Раньше не верстал, только натягивал на систему шаблоны, но вот решил познать истину и ищу нормальное решение. Пока все что придумал - сделать картинку шириной >2000рх, но перфекционизм очень страдает от такого костыля.

    Asked by Extremum,

    0 votes
    6 answers

  5. Смещение текста относительно строки без помощи <sub>

    Добрый день, у меня возникла проблема при смещении части текста в строке, в макете текст выглядел вот так: но при смещении текста вниз тегом <sub> или стилем vertical-align: sub; текст смещается не на четверть высоты символа, а почти на один символ вниз. Посоветуете, как решить эту проблему?

    Asked by Alien-i,

    0 votes
    7 answers

  6. Ссылки по центру

    Здравствуйте! Скажите пожалуйста как выровнять ссылки по середине? - скриншот | ссылка на проблему Я пробовал двигать паддингом и вроде бы все ок, но в других разрешениях отображается не по центру.

    Asked by WooLunatiX,

    0 votes
    2 answers

  7. Верстка , с чего начать ?

    Здравствуйте , вот хочу попробовать поверстать сайты. Но не знаю с чего начать. HTML и CSS знаю на нормальном уровне , то есть сделать статическую страницу по примеру вполне смогу. Но вот как научится верстать такие страницы которые сейчас обычно можно увидеть ? Пару раз работал с такими движками как Joomla и DLE , на DLE все показалось практически элементарно практически один HTML + CSS.Но вот с Joomla сразу все очень страшно показалось один PHP практически . Пробовал что-то редактировать, изменять , даже вроде неплохой сайт вышел , но делал по готовому шаблону из интернета (изменял его) . Но вот хотелось бы научится верстать как бы "правильно" , насколько я знаю сейчас…

    Asked by CROSP,

    0 votes
    3 answers

  8. Фиксирование на экране без fixed

    Привет, ребят. Есть какие-нибудь способы реализовать сабж? Нужно просто, чтобы шапка была всегда сверху и контент при скролле вниз тупо заезжал под неё. Фиксед не подходит, потому что с ним проблема, что блок просто обрезается при уменьшении экрана и не появляется скролл, width или min-width не помогают здесь. Хочется так, чтобы блок типа и не убирался никуда из основного потока, но просто поверх всех висит себе. Покидайте примеров если сталкивались с таким.

    Asked by Игорь Ермаков,

    0 votes
    4 answers

  9. Верстка scroll

    Здравствуйте, такая вот проблемка.. Не могу понять и найти как верстать scroll И как его можно сверстать для <select name=""> <option>1993</option> <option>1994</option> <option>и тд..</option></select>так же как и для чата какого нибудь, хотелось бы узнать... Заранее спасибо

    Asked by BSandro,

    0 votes
    3 answers

  10. Многостраничный сайт

    <html> <head> <title>Здравствуйте!<title> </head> <body> Начал изучать HTML и CSS создал свою первую страничку подключил стиль (css) сделал все как полагается)) Вопрос: Как мне сделать многостраничный сайт (это мне надо к каждому пункту меню создавать отдельные html страницы и подключать главному?) P.S Вот сайт Lukandi прошу покритикуйте </body> </html>

    Asked by Taurus,

    0 votes
    10 answers

  11. фоновая картинка и фоновый цвет

    Очень простая вещь не работает ни в какую: body{ background:url(imgex5/header1.jpg) no-repeat #e9f1f4; background-size:100%; } Нужна вверху узкая картинка во всю ширину окна, а всё ниже фоновый цвет. Картинку видит всё OK, а цвет не видит.Мозги уже вскипели. Спасибо!

    Asked by ariel,

    0 votes
    3 answers

  12. Не много ли букав у меня к картинкам

    Мастера, подскажите пожалуйста, скопировал код (картинка при наведении на текст). Не много ли там текста, может что-то убрать, в смысле не нужное, а то я тупо "скатал"??? Паралельно вопрос: как сделать, что бы картинки под текстом правой колонки оставались в зоне видимости? Они иногда вылезают вправо. Кто не понял, при наведении на название ткани появляется картинка. Спасибо! Забыл ссылку-то: http://jaluzi-rolety.com.ua/price.html#prvert

    Asked by Vic-Tor,

    0 votes
    1 answer

  13. Задание из практикума

    http://cssdeck.com/labs/aupvlfka Как сделать чтобы после наведение на главное меню, перехода вниз тень не исчезала с главного меню.

    Asked by rpmcmerphy,

    0 votes
    13 answers

  14. Задание из практикума

    Делаю задание из практикума, применяю стиль для класса virtual float:left, текст в остальных двух идет в разнобой, почему они оба не прилипают справа от первого div ?

    Asked by rpmcmerphy,

    0 votes
    9 answers

  15. Можно ли так нарисовать на css3?

    Можно ли такую форму сделать на css3?) Гуру монстров с хеллоуинов - есть идеи?)

    Asked by Zverushka,

    0 votes
    5 answers

  16. Как сделать так...

    Есть ячейка (или слой). Внутри ее картинка, справа картинку в теге p ее обтекает текст - текст всегда на margin-left 150px (то есть на 150 пикселей слева от начала ячейки); Текст должен быть вертикально по центру. Картинка прижата к верху.

    Asked by Zverushka,

    0 votes
    12 answers

  17. Подчеркивание только одной строки из блока

    Здравствуйте. Как сделать подчеркивание только одной строки из блока, при наведении на весь блок Есть допустим блок <a href=""> <div class="block"> <h1>Заголовок</h1> <h1>Просто текст</h1> </div> </a> Нужно чтобы при наведении на весь блок, подчеркивалась только надпись в H1, весь блок заключен в ссылку <a>

    Asked by sss2019,

    0 votes
    2 answers

  18. Два фона

    Здраствуйте дорогие пользователи! В общем у меня такой вопрос: "Как сделать 2 фона на сайте?", допустим, как на кинопоиск. Заранее благодарю.

    Asked by vasa3000,

    0 votes
    7 answers

  19. Текст в таблице

    Добрый день. Возник такой вопрос. Как в таблице сделать чтобы левый столбец текст группировался по левому краю, а во всех остальных по центру.

    Asked by BuBeK,

    0 votes
    1 answer

  20. Не срабатывает margin

    Почему не работает marin:0 auto ?Не по горизонтали,ни по вертикали... Спан задал как блок,а маржин все равно не работает. Скорей всего какая-то глупая ошибка... Может из-за флоата? Span это слово Brillant

    Asked by Temik2704,

    0 votes
    9 answers

  21. Разворот одной картинки в другую

    Добрый вечер всем! Подскажите пожалуйста какой-нить скрипт желательно js, чтобы при наведении мышки на фото оно разворачивалось по горизонтали и менялось на другое фото. Что-то типа вот этого: http://shpargalkablog.ru/2012/01/pri-navedenii-na-kartinku-ona.html. пробовал вставлять - не получилось. МОж. чего не доделал.??? . Я в яве как-бы не спец вообще, скопировать могу....а.... Спасибо!

    Asked by Vic-Tor,

    0 votes
    8 answers

  22. IE11 и <main>

    Установил себе IE11 чтобы посмотреть что к чему и один мой сайт под ним стал криво показываться. На другом компе всё в порядке, переключение в режим IE10 и ниже ничего не дало. Осенила догадка, а не с <main> ли это проявляется? И точно, как только убрал и заменил на div, всё стало на место. Что это было, Берримор?

    Asked by Vlad,

    0 votes
    6 answers

  23. font face локальное именование

    Когда я хочу подгрузить шрифт, уже установленный в системе. Допустим это будет Calibri Я прописываю url: local('Calibri Light Italic'); Должна ли я также указать font-weight: 300, font-style: italic для его корректного отображения? Сразу хочу сказать, что я уже попробовала ставить везде normal - в итоге изображение было несоотвествующим. Но я как-то не могу понять почему так происходит - ведь указан локальный шрифт - легкий наклонный - зачем еще параметры?

    Asked by Zverushka,

    0 votes
    5 answers

  24. Нестандартное выделение у картинки/блока

    Привет! Вопрос спецам. Существует ли способ создания блока не прямоугольной, произвольной области с последующим навешиванием на него box-shadow при :hover? Конкретно нужно для того, чтобы при наведении на картинку произвольной формы, например, треугольника, появлялось свечение выстраивающееся по траектории треугольника. (но не обязательно треугольника, фигура может быть разная). Map area и подгрузку двух картинок (одну без свечения, другую с..) не предлагать.

    Asked by call007,

    0 votes
    4 answers

  25. Проблема с absolute right

    Дано: Родительский блок DIV1 cо свойством relative Внутри него два DIV2 со свойством absolute оба DIV2 прижаты к DIV1 свойством right:0px; Проблема: При уменьшении окна браузера DIV2 наезжают на блоки, что слева. Внизу поясняю картинками. Как решить или, быть может, реализовывать floatm'и? То тогда как организовать выравнивание от родительского блока. Гугл ответа не дал, вся надежда на вас. Все хорошо: http://itmages.ru/image/view/1326754/cb63091c Уменьшаем ширину браузера и все плывет: http://itmages.ru/image/view/1326759/0870c412

    Asked by JustTeapot,

    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