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

29542 questions in this forum

  1. вопрос насчет вложенности

    всем привет! верстаю макет в котором есть задний фон (в стилях body) + shadow (который вложен в wrapper прижат к потолку).Когда я добавляю картинку в header то добавляю margin-top и почему у меня едет вниз также shadow .Почему ? Ведь header вложен в wrapper ,почему это влияет на него? я это вопрос решил запихав shadow в body но охото понять почему не получилость с wrapper'ом http://codepen.io/fainberg/pen/oxpMqb?editors=1100#anon-login

    Asked by esoteric,

    0 votes
    2 answers

  2. преобразование даты в FF

    помогите пожалуйста разбить строку даты по составляющим пример. в chrome он работает(в консоль выводятся значения), а в firefox он не работает(в консоль выводятся ошибочки)

    Asked by cyklop77,

    0 votes
    4 answers

  3. Проблемы во всех версиях Safari

    Доброй ночи. Сайт http://l79377d7.bget.ru/ отображается в google/opera/fox/ie - нормально А вот safari (любая версия все беда) 1 - под номером телефона есть поиск в котором не отображает лупу. Вот сиss .search-wrapper { display: inline-block; background: -moz-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -ms-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -o-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -webkit-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); border-radius: 1px; padding: 1px; } .search input { width: 10px; …

    Asked by Tarasenko,

    0 votes
    1 answer

  4. Чистка css

    Добрый день, коллеги Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того. Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее: 1) убрать неиспользуемые правила 2) указать пересекающиеся/дублирующиеся правила 3) максимально сократить код, убрав конструкции, подобные этой Короче, нужно максимально оптимизировать css, но не просто убрать пр…

    Asked by MAzZY,

    0 votes
    8 answers

  5. Проблемы с кроссбраузерностью

    В Mozill'e хедер некорректно отображается на странице :c Подскажите в чём проблема. Спасибо!

    Asked by Ghost86421,

    0 votes
    3 answers

  6. inherit не работает для IE8

    Всем привет. У меня в IE8 не работает inherit для любых CSS стилей. Например: HTML —> <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="./css/test.css" type="text/css" media="all" /> </head> <body> <div class="main"> <div class="test1"></div> <div> </body> </html> CSS —> .main { width: 400px; height: 400px; border: 1px solid black; } .test1 { width: 100px; height: 100px; background: pink; border: inherit; } В примере не наследуется border. Если бы был IE7, вопросов бы не было. Но, у меня IE 8.0/7601.17514, W…

    Asked by sator,

    0 votes
    1 answer

  7. fancybox content "под ним"

    Здравствуйте, подскажите пожалуйста, есть ли возможность вынести элементы сайта выше слоя overlay в fancybox В частности http://helios-group.org/1/index.html нужно, чтобы курс валют, выбор языка был активен при открытом fancybox (регистрация, вход или кнопка слева)

    Asked by Vlad_P,

    0 votes
    4 answers

  8. Почему в мобильной версии пропадают стили ссылок?

    http://www.vvd.su/aktsii/item/126-sdelaj-selfi-vyigraj-iphone сделал карту ссылок, что при наведении на ссылку в картинке выделяется ссылка. но при мобильно-планшетной версии (меньше 767пх)- стили с позициями ссылок исчезают. Почему это происходит? Впрочем всеравно, что поехало,в мобильной версии такие мелкие надписи на картинке и вовсе не видно. Я хотел ссылки подвинуть - а их #raz a:nth-of-type(1) совсем исчезли.

    Asked by nikki4,

    0 votes
    0 answers

  9. проблема с :hover

    Всем привет ! Верстая PSD макет столкнулся с проблемой :hover ,а именно в менюшке.Нужно чтобы пробегая по ссылкам они подсвечивались при помощи :hover .Понимаю что логика вставить a:hover , но при этом варианте ,подсветка только высоты ссылки а мне надо во всю высоту рамки меню поэтому вставил li:hover , но получается фиксированная ширина и поэтому в длинных названиях лишек она обрезается.Как сделать чтобы подсветка охватывала полностью все названия по отдельносьти? И еще как можно это соорудировать напрямую a:link ? Ссылки почему то в jsfiddle поехали вниз впритык рамки https://jsfiddle.net/stvolkilla/0nxzedxz/1/ скриншот

    Asked by esoteric,

    0 votes
    4 answers

  10. Скрытие персональных данных.

    Добрый день. Несколько лет whois по моим доменам в зоне .net выдавал private person. Сейчас при продлении домена, мне подсунули некую платную услугу скрытия персональных данных. Естественно я отказался платить и вот уже во whois мои имя и фамилия, почта, телефон и домашний адрес. Спрашиваю у регистратора, почему раздают мои личные данные нарушая ФЗ РФ? Ответ даже комментировать не имеет смысла. Дословно: "....... Если Вы хотите скрыть данные владельца домена в Whois Вам необходимо ее заказать и оплатить." Как защитить свои персональные данные и избежать вымогания денег?

    Asked by Ubhra,

    0 votes
    2 answers

  11. Сайт без вертикальной прокрутки, адаптивный, футер прижат книзу

    Очень нужна помощь опытных верстальщиков. Визуально ТЗ на картинке. Требования следующие: 1) футер прижат книзу 2) фоновый слайдер-карусель (выглядит именно так, по бокам предыдущая и следующая фотографии чуть затемненные) 3) полностью адаптивный, другими словами не должно быть ни горизонтальной, ни вертикальной прокрутки при любых разрешениях экрана 4) контент расположен в блоке поверх карусели 5) все это должно работать на CMS Joomla Я уже чего только не пробовал. Универсального решения не нашел. Фиксишь футер, остается пространство между каруселью и футером. Подгонять по высоте и прописывать стили для всех типов разрешений... Вряд ли оптимальный спос…

    Asked by sejunctus,

    0 votes
    20 answers

  12. Как контролировать фон за текстом.

    Всем привет ребята, я на этом форуме новенький ну это не чего не значит! Хех. Прошу вашей помощи! Вопрос такой, я хочу с помощью CSS сделать что бы мой header был фиксированный, делаю это так: .full { position: fixed; /* Фиксированное положение */ /* Расстояние сверху */ width: 80%; background: red; padding: 10px; background: red; } а вот код header: <div class="full"> <div class="col-md-7"> <div class="collapse navbar-collapse" id="ql_nav_collapse"> <nav id="jqueryslidemenu" class="jqueryslidemenu navbar " role="navigation"> Меню </nav> …

    Asked by Evengining,

    0 votes
    5 answers

  13. Проблема с рендером шрифтов

    Иногда при подключении шрифтов возникает следующая ситуация: Текст просто текст. Без оберток. Проблема возникает в хроме и почти всегда если шрифт используется в срытых (разворачиваемых) блоках или слайдерах (Owl Carousel), то есть на блоках который сначала не отображаются, а появляются позже. От чего это может происходить, и что с этим можно сделать? P.S. Создать JSFiddle с этой проблемой не удалось.

    Asked by Shiza,

    0 votes
    2 answers

  14. Как отменить transition, если анимация уже началась

    Что-то не нашел данной информации, хотя в определенных случаях оно автоматически отменяется. В этом примере сделал прокрутку длинного текста. Если кликнуть на "Очень длинный текст для прокрутки", он начнет ездить влево-вправо. Если в момент, когда он едет влево нажать например на "Просто длинный текст", то он мгновенно возвращается назад (так и нужно). А вот если нажать в тот момент, когда он едет вправо, то анимация продолжится до конца. Хотелось бы, чтобы текст при клике возвращался мгновенно.

    Asked by Switch74,

    0 votes
    5 answers

  15. Почему текст выходит за границу родителя?

    Привет. Никак не соображу - почему текст не переносится: Посмотреть можно тут (на главной): http://z.leveler.ru/

    Asked by d0ublezer0,

    0 votes
    2 answers

  16. Генерация статического html-кода через JS

    Добрый день. Хотел бы спросить про правильное написание клиентской части сайта. Видел один сайт, где при загрузке страницы html-код генерировался с помощью JS (ExtJS). Вопрос: разве правильно создавать код страницы с помощью JS? Те же шапка и подвал сайта всегда остаются одинаковыми на любой странице. В чем плюс такого подхода? Лично я всегда считал, что чем меньше JS кода тем лучше (без фанатизма).

    Asked by xmlns,

    0 votes
    8 answers

  17. Почему не плывет влево и оставляется пробел?

    Под большим фото есть миниатюры. У них есть свойство флоат:лефт. поидее должны по левому краю быть, но нет. видно, что 4я миниатюра, помещена почему-то в центре второго ряда картинок. вот страница с примером Было там как-то больше фоток, так там и вовсе дырка оказалось в одном из рядов. От чего такое происходит?

    Asked by nikki4,

    0 votes
    1 answer

  18. Декоративные треугольники в HTML/CSS

    Добрый день, народ. Есть одна проблема. На рисунке ниже приведён фрагмент макета одного лендинга. Мне хотелось бы узнать как "нарисовать" изображенный ниже декоративный треугольник, именно чтобы точно также всё выглядело, как на картинке?

    Asked by TadeskiOne,

    0 votes
    3 answers

  19. Помогите с правильной HTML-структурой

    Ребята, можете помочь со структурой html кода. А то напутал наверное. Кому не трудно - проверьте быстренько Буду благодарен http://codepen.io/anon/pen/grXpmP

    Asked by JumpSnoopy,

    0 votes
    1 answer

  20. Нужно создать условия для всплывающего списка

    Добрый день, помогите добиться следующего: Есть часть из кода: <tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Sborka" name="sborka" onchange="getCost(this.form)"> <option value="1">Нет</option> <option value="2">Да</option> </select> </td> </tr> <tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Fundament" name="fundament" onchange="getCost(this.form)"> <option value=…

    Asked by temnoo,

    0 votes
    1 answer

  21. Как доработать всплывающую форму?

    Здравствуйте. На странице, если нажать кнопку "Заказ в 1 клик", то можно увидеть всплывающую форму. Пробую ей пользоваться на своем мобильнике, и когда дохожу до её низа: и кликаю на поле Комментарий, то на телефоне получается такая неприятная картина: то есть выдвигающаяся клавиатура скрывает поле, в котором ты набираешь текст. Как можно исправить эту "слепоту"?

    Asked by borus,

    0 votes
    13 answers

  22. Фон страницы

    Добрый день! Скачал шаблон сайта и столкнулся с проблемой замены фона. Когда указываю ссылку на изображение, которое расположено на сайте с картинками, фон подключается без проблем background:#EDEDED url("http://img2.goodfon.ru/original/1920x1200/0/5d/pole-podsolnuhi-priroda.jpg") no-repeat center center fixed; Но если я подключаю фон из папки с картинками, фон подключатся не хочет background:#EDEDED url("img/image.jpg") no-repeat center center fixed; Подскажите, где я допустил ошибку?

    Asked by Zakonoposlushniy,

    0 votes
    3 answers

  23. Трапеция? Неправильный прямоугольник?

    Добрый день. Подскажите, как можно заверстать вот такие штуки? Без картинок. http://prntscr.com/anvzcp http://prntscr.com/anvzgx http://prntscr.com/anvzpg Спасибо!

    Asked by necro,

    0 votes
    5 answers

  24. хром,кнопка назад и меню

    страница рендерится с меню,которое прилипает к верху страницы если кликнуть на любой элемент,а затем вернуться назад нажав кнопку назад то меню пропадает самого элемента заголовка <header> нету, почему то пропадает,проверяю инспектором если смотреть исходный код то элемент есть потому что идет новый запрос на сервер в чем может быть проблема?

    Asked by https,

    0 votes
    2 answers

  25. Как правильно обернуть картинку в ссылку?

    Здравствуйте, граждане! В html5 я столкнулся со следующей проблемой. Оборачивая <img /> в теги <a></a>, у меня под картинкой появляется щель шириной ~3,5px. Кто-то с этим сталкивался? Код следующий: <!DOCTYPE html> <html lang="ru"> <head> <title></title> </head> <body> <div style="border: 1px solid black;"> <a href="#"> <img src="img1.jpg" /> </a> </div> </body> </html> Скриншот результата: https://yadi.sk/i/EWNxjZQ4qhtAp Кроме того, результат одинаков как для браузера Opera, так и для ЯндексБраузера.

    Asked by PeterGreat,

    0 votes
    2 answers
×
×
  • 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