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. Проблема кроссбраузерности

    http://s019.radikal.ru/i621/1408/7c/a45ebf4e39c2.jpg вверху - так как отображает ІЕ: текст нужного цвета, при наведении курсива текст исчезает снизу - хром: текст не исчезает,и текст серого цвета, как правильно писать webkit или подобные штуки..? (я новичек)

    Asked by Alioven,

    0 votes
    4 answers

  2. Отступ из-за фона

    Когда наводишь курсор на пункт меню, например "Главная", то все остальные пункты меню смещаются в право. Как сделать, что бы они были неподвижны? http://jsfiddle.net/#&togetherjs=iV0b6oJUzE

    Asked by Roman_qwe,

    0 votes
    7 answers

  3. Не отображается спрайт

    вечер добрый подскажите из за чего не отображаются спрайты http://jsfiddle.net/mrfrunze/263ndx37/ class .data .coll - sprites Спасибо. В общем нашел причину, нужно прописывать background:url(../images/sprite.png) -78px -9px; где значение цифр ширина и высота ))))

    Asked by mrfrunze,

    0 votes
    0 answers

  4. Откуда у списка лишний отступ сверху?

    http://jsfiddle.net/LLtxc2bd/1/ Я разобрался, добавив vertical-align: top; Странное у них поведение

    Asked by DivMan,

    0 votes
    0 answers

  5. не могу создать элемент div - без position: absolute;

    Не могу создать элемент DIV - не прописав свойство position: absolute из-за чего не получается смаштабировать сайт: <!DOCTYPE html><html> <head> <title>Сайт по WEB-разработке</title> <meta charset="utf-8"> <link rel='stylesheet' href='../css/style.css' /><script type='text/javascript' src='../js/jquery-1.11.1.min.js'></script><script type="text/javascript" src="../js/jguery-1.4.2.min.js"></script><script type="text/javascript" src="./js/jguery-ui-1.8.2.custom.min.js"></script><script type="text/javascript" src="../js/jguery.ghindaVideoPlayer.js"></script> <script> docu…

    Asked by Zero-11,

    0 votes
    7 answers

  6. помогите выровнять блоки

    помогите выровнять блок "карта " класс .kont не могу выровнять по вертикали. http://teslalight.com.ua/kontakti/.html Прошу помощь - запутался ))) +45 за бортом.. Спасибо.

    Asked by mrfrunze,

    0 votes
    2 answers

  7. Проблема с отступами

    день добрый вот кусок стилей .content .kont{width: 390px;display: inline-block;vertical-align: top;margin:0 px 5px 0 10px;-webkit-box-shadow:0px 0px 8px 1px rgba(0, 0, 0, 0.33);} не могу этому блоку задать margin -top ?ссылка: http://teslalight.com.ua/kontakti/.html по бокам отступы работают, а сверху нет. Подскажите что мешает его сдвинуть? Это код из движка джумлы. могу задавать отступа для этого класса!

    Asked by mrfrunze,

    0 votes
    4 answers

  8. Помогите убрать отступ

    Никак не могу понять, из-за чего появляется большой отступ между картинкой и описанием - http://kosmetika-just.ru/produkciya-dlya-uhoda-za-polostyu-rta-i-zubami/483-poloskanie-dlya-polosti-rta-125-ml.html

    Asked by Тёмик,

    0 votes
    5 answers

  9. Фон с узором, плавно переходящий в цвет

    Всем привет! дайте совет плз или ткните носом =) Получил на верстку фон шапки такого вида(клац), тоесть узор плавно переходящий в сплошной цвет. Ситуация совершенно не патовая, прост хочется использовать самый оптимальный вариант. Если б градиента не было то нуль проблем - вырезал бы повторяющийся фрагмент узора и зарепитил по обеим осям. Тут надо другой подход. У меня пока 2 варианта: 1) вырезать часть фона от верхней точки(с узором) до момента где начинается цвет (вышло изображение(клац) 4х360 пикс величиной 2,49 КБ), далее зарепитить по иксу, а остальное залить цветом. 2) вырезать фрагмент узора(клац) (4х4 пикс), залить им весь фон хедера. Потом в хвотошопе сделать фра…

    Asked by kupas,

    0 votes
    1 answer

  10. content

    Приветствую Можно ли как нибудь вставить в "content", картинку? Или есть другие способы?

    Asked by Vans,

    0 votes
    2 answers

  11. Проблемы с max-width

    Вот сайт http://texteredsa.besaba.com/ там есть 3 блока которые идут друг за другом. вот пытаюсь блоку .logo задать max-width, чтобы при уменьшении элементы тянулись. но увы max-width не работает, почему ? как сделать резину ?

    Asked by WEB-best,

    0 votes
    1 answer

  12. как увеличить расстояние между группой цифр

    как увеличить расстояние между цифрами через css: 7772255, нужно чтоб было 777 22 55 спасибо. Стандартными методами пробовал меняет интервал между цифрами!

    Asked by mrfrunze,

    0 votes
    5 answers

  13. Неожиданный вертикальный скрол в Chrome и Opera

    Вопрос для знатоков. Есть такая верстка. Вопрос заключается в том почему в Chrome и Opera у элемента с классом "panel" появляется вертикальный скрол-бар. И как от него избавиться. Естественно решение просто убрать overflow: auto не подходит. Тестировал в Chrome 36 и Opera 20.

    Asked by illya_v,

    0 votes
    4 answers

  14. Ipad, проблема с фиксированной высотой 100%, при переворачивании.

    Есть проблема с safari в ipad4. заданы свойства body, html, { height: 100%;} В итоге тело боди растягивается на 100%, все отлично работает. На ipad на портретнике тоже. Но при повороте, альбомном положении, появляется скролл. Пробивал скриптами и оказалось, что window при альбомном положении чуть больше, чем нужно, то есть html имеет 500 пикселей по высоте, a window 550px. В итоге html растягивается больше чем нужно и получается скролиг. Может кто встречался с такой проблемой?

    Asked by Grifit,

    0 votes
    1 answer

  15. Разные размеры изображений в браузере?

    Создал картинку в фотошопе определенной высоты, вставил ее в страницу, а она меньшего размера отображается, хотя размер прописан тот же. Вообще не понимаю как браузеры отображают картинки... открыл картинку просто через браузер, она нормального размера, открыл на html странице стала меньшего размера. Скриншот здесь https://yadi.sk/i/mrfI32TNZXyiL слева картинка в просмотровщике, справа html страница в браузера. Разобрался, вот я заработался и на масштаб не смотрел)

    Asked by aizul,

    0 votes
    0 answers

  16. Неправильное отображение в Safari и IE. Как исправить?

    http://tellmeof.cc.ua/Map/map.html 1. Safari 7 (в более старых не проверял) не скругляет углы у iframe. Вроде бы поддерживает border-radius и overflow:hidden, но тут почему-то не работает. 2. IE7 и IE8 не скругляют углы у iframe. Благодаря pie.htc, скругляются углы у контейнера .s-circle1, но у самого iframe - нет. Overflow:hidden контейнера тоже не обрезает карту, как ожидалось. 3. IE7 и IE8 не отрабатывают ховер. 4. IE9+ как-то странно отрабатывают ховер. Когда курсор переходит на саму карту, ховер-состояние перестаёт действовать. Хотя в нормальных браузерах действует. Прошу помощи.

    Asked by Johnney,

    0 votes
    11 answers

  17. псевдо классы hover, first-child

    Подскажите можно ли прописать так : #denss_page .denss_menu_items li:hover ul.child:first-child{ display:inline-block; } мне нужно задать для первого ребенка списка li ul li на ховере display:inline-block; пытаюсь по разному, не получается. Помогите разобраться плиз. Спасибо.

    Asked by mrfrunze,

    0 votes
    9 answers

  18. Всплывающий блок при наведении на картинку

    Подскажите, как можно осуществить такой эффект (чтобы при наведении на картинку всплывал блок, а на этом блоке были расположены две иконки-ссылки?) В большинстве случаев, описывается всплывающий текст, а вот как сделать, чтобы вместо текста были иконки? Спасибо.

    Asked by Orarifish,

    0 votes
    1 answer

  19. Не работает подсветка синтаксиса notepad++

    Доброго здоровьица, Установил notepad++, включил подсветку штмл, но она работает почему-то не полностью http://imglink.ru/show-image.php?id=7f3077e1708728da1102d7be1d733ccd. Например не подсвечиваются комментарии и многое другое. Контент выделен жирным шрифтом и т.д. Как установить подсветку, которая испльзуется на этом сайте в примерах?

    Asked by Антон82,

    0 votes
    4 answers

  20. Как сделать скролл на странице быстрым?)

    При открытии страницы должен появится блок с картинкой 100% высоты и ширины экрана. Требование - если покрутить мышью хотя бы на один щелчок, то спускаемся уже к следующему блоку. И наоборот, если с предыдущего подниматься наверх, то при достижении верхнего края предыдущего - один щелчок и мы уже находимся на самом верху страницы где изображение на всю ширину и высоту.. Это для первого блока так, внизу уже все стандартно. Грубо говоря надо пропускать промежуток скролла между первым и вторым блоком. Вот не понимаю как этого добиться, особенно если изображение должно быть с паралакс, Поделитесь))

    Asked by Нарек,

    0 votes
    10 answers

  21. не могу задать дать отступ картинке

    Подскажите почему в теге logo когда задаешь верхний отступ, двигается соседний блог? ссылка кода ниже спасибо)) http://jsfiddle.net/mrfrunze/4bsjouqq/

    Asked by mrfrunze,

    0 votes
    2 answers

  22. Связанные списки для формы отправки

    Здравствуйте, уважаемые форумчане. Слома уже всю голову с правильной организацией связанных списков на сайте. Необходимо сделать два связанных списка марка и модель, которые при нажатии на кнопку отправляются вместе со всеми остальными данными формы на почту. связанные списки я делал с помощью Simple AJAX Code-Kit, где не надо создавать базу данных марки и модели, а все это хранится в отдельном файлике. Но вот проблема ajax вообще не хочет дружить с jquery.selectbox. И при его подключении не работает второй список. Отсюда и вопрос: можно ли как то обойти эту проблему? Или же может быть есть еще какой то простой способ подключения связанных списков?

    Asked by alpiezjoe,

    0 votes
    0 answers

  23. Что нужно сделать, чтобы мой блок позиционировался сверху-вниз, а не наоборот.

    Я почти нулевой-начинающий верстальщик. Никогда этим не занимался и за пару дней мало чему научился. Мой HTML: <!DOCTYPE html><html lang="ru"><head> <title>Моя страница!</title> <link rel="stylesheet" href="StyleSheet1.css" /></head><body> <header class="framing" style="height: 200px;"></header> <section class="framing inlineblock" style="width:900px; height:600px;"></section> <aside class="framing inlineblock" style="width: 200px; height: 300px;"></aside> <footer class="framing " style="width: 1125px; height: 100px; "></footer></body></html>Мой …

    Asked by antonbruilo,

    0 votes
    7 answers

  24. Не серьёзная, первая верстка.

    http://firstsiteinmymi.ucoz.com/? научился масштабировать, делать шапки, футер и контент частично, вот примерно чо сделал, сразу говорю, то что самая простая верстка была, дабы примерно узнать чо да как, но и в ней возможны ошибки, поэтому пишите если что.

    Asked by RuslanHeYca4ev,

    0 votes
    11 answers

  25. поведение псевдоэлемента в IE

    Вечер добрый Суть такова - имеется раздвижное вертикальное меню, при наведении на пункт возле него появляется плюсик. сделал через псевдоэлемент, плюс появляется и работает как надо в Opera next, Mozilla, Chrome. В IE же при наведении под плюсом появляется подчёркивание, походу потому, что ранее оно задано для span-a, внутри которого пункт меню. я так понял ишак наследует этот стиль и рисует подчеркивание и у псевдоэл., а вот остальные браузеры - нет. подкиньте идейку, как убрать это подчеркивание у IE. пробовал добавлять к span:hover:after {text-decoration:none;} - не работает, к span:after - тоже. сама страница - https://bc9af00d6817e817723349c0695951c9c5303b8c.goog…

    Asked by orange_juice,

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