HTML Coding

29542 questions in this forum

1. Слетает стиль текста на ipad.

   Всем привет! Помогите пожалуйста разобраться с проблемкой. сайт sledd.ru При отображении в браузерах (всех) на компьютерах всё отображается корректно, но при отображении сайта на ipad, слетает стиль для верхнего-правого блока в котором телефоны. Такое ощущение, что стиль действует только не первую цифру верхнего span и не даёт присвоить стиль для другого span. Ссылка на изображение: https://yadi.sk/i/jS1x3DVcYUCrW

   Asked by seregamurman, July 30, 2014

   • ipad
   • шрифт
   • текст
   • стиль
   • css
   0 votes
   7 answers
2. Учусь верстать спрайтами

   Сделал блок с социальными кнопками. Правильно ли я сверстал спрайтами? Или это говнокод? http://jsfiddle.net/9LsUQ/ Никакие посты про спрайты не читал, просто знаю про их существование.

   Asked by DivMan, July 30, 2014

   0 votes
   11 answers
3. Как сверстать такую штуку?

   Доброго времени суток, уважаемые форумчане! Есть такая штука: Как ее грамотно сверстать? Я так понимаю нужно делать через эмуляцию таблицы и ячеек, но как сделать это смещение двух колонок в центре? Может быть есть какой-нибудь похожий пример, где можно посмотреть? Спасибо!

   Asked by web-monster, July 30, 2014

   • html
   • css
   0 votes
   3 answers
4. Добавление цветной полоски позади скроллера

   Здравствуйте. Использую jQuery custom content scroller, вот отсюда http://manos.malihu.gr/. появилась идея сделать так, что бы делать цветным пройденный путь скроллера где то вот так http://joxi.ru/b6bYU_3JTJBmDo5nNUE. Вот сижу думаю, ничего в голову не приходит, может кто то сделал уже, поделится) Буду очень благодарен. JsFiddle http://jsfiddle.net/PY66D/, демо плагина можно увидеть тут http://manos.malihu.gr/tuts/custom-scrollbar-plugin/max-width_example.html нажать пару раз на Add Content.

   Asked by Нарек, July 30, 2014

   0 votes
   5 answers
5. Почему палитры цветов получаются разными?

   Почему в разных сервисах- разные результаты? Картинка то вроди бы одна и та же... И цвета по идее тоже должны быть.

   Asked by SKSKSS2013, July 29, 2014

   0 votes
   1 answer
6. Иконки

   Здравствуйте всем. Есть такой вопрос: вот все говорят что изображения на сайте надо разделить по назначению: для оформления и картинки со смыслами, то есть имеющие отношения к содержимому сайта. И рекомендуют последних взять в тег <img>, а те что для оформления задавать строго в background. Иконки нужны для оформления, соответсвенно их берем в фон. Но иногда иконки являются ссылками, кнопками и т.п. Как им задаем эти ссылки если они в background?

   Asked by modfop, July 29, 2014

   0 votes
   6 answers
7. Иконки

   Здравствуйте всем. Есть такой вопрос: вот все говорят что изображения на сайте надо разделить по назначению: для оформления и картинки со смыслами, то есть имеющие отношения к содержимому сайта. И рекомендуют последних взять в тег <img>, а те что для оформления задавать строго в background. Иконки нужны для оформления, соответсвенно их берем в фон. Но иногда иконки являются ссылками, кнопками и т.п. Как им задаем эти ссылки если они в background?

   Asked by modfop, July 29, 2014

   0 votes
   9 answers
8. как скопировать html контент вместе с его стилями?

   Уважаемые знатоки, подскажите пожалуйста, как можно быстро выдрать со страницы часть html контента вместе со всеми его стилями, не копаясь в css файлах? Например, мне нужно форму со страница А переместить на страницу Б. Так, чтобы стили страницы Б к моей форме не применялись, а выглядела она точно также, как на родной странице.

   Asked by Koroed, July 29, 2014

   0 votes
   8 answers
9. Меню с закруглёнными пунктами

   Хотел сделать менюшку, в которой у пунктов справа будет закругление. Получается симпотично, но вот когда пункт активен или на него наведён курсор, то....сами посмотрите на скриншот и поймёте в чем беда. Подскажите решение проблемы. Вот стили: http://pastebin.ru/bk24Okzf

   Asked by xSPiRiTx, July 29, 2014

   0 votes
   1 answer
10. Баг при hover-эффекте

    Несколько раз уже с таким сталкивалась, почему он возникает и как с этим бороться пока не удалось выяснить. При наведении на кнопку, появляется что-то вроде левого бордера, хотя его там никогда не было. Наблюдается это только в хроме. На скрине кнопки сделаны дивами, еще видела такое с ссылками. В данном примере баг появлялся при задании кнопкам марджин по горизонтали - auto. То есть при центрировании. Может кто-то знаешь, что это такое и как бороться?

    Asked by AlexBes, July 29, 2014

    0 votes
    4 answers
11. Кнопки в IE

    Добрый день. Я уже, наверное, всем надоела. Но у меня проблема. В брауезере всеми нами любимом в самом низу страницы кнопки отображаются не в одной плоскости с каруселью, а как блочные. http://www.pereezd-kvartiri.su/ Именно эта проблема появилась на движке, при верстке такой проблемы, конечно же, не было. Уменьшение ширины карусели на результат не влияет, ессно. Кто-то сталкивался с таким? И что сказать мне IE, чтобы он перестал.

    Asked by kattiperk, July 29, 2014

    0 votes
    6 answers
12. Запрещение перетаскивания изображения зажатием мыши в браузере

    Люди добрые, помогите с такой проблемой: Нужно чтобы при зажатии мышкой на изображении (IMG) его нелзья было сдвинуть (драг-н-дроп) прикладываю картинку для наглядности -webkit-user-select: none; -moz-user-select: none; Не помогло

    Asked by Kirill M, July 28, 2014

    0 votes
    6 answers
13. @media min и max width

    Доброго всем! Сделал небольшой примерчик: http://almostman.ru/main/ Задумка такова: 1) При размерах экрана меньше 270px выдавать сообщение о невозможности отображения странички. думаю сделать это с помощью JS чуть позже. 2) При размерах экрана от 270 до 595 px показывать отцентрированные изображения друг за дружкой. 3) При размерах экрана от 596 до 870 px показывать изображения смещённые float-ом влево, по две штуки в ряд. Когда ставлю размер 270, всё нормально. Когда ставлю 595-597, изменений нету, они стоят, как стояли при условии (2). Если поставить @media (min-width587px) and ... то всё какбы срабатывает, но получатся он берёт сразу стили из двух @media и margin по …

    Asked by Tobey, July 28, 2014

    0 votes
    4 answers
14. Танцы с бубнами, или оберточный див.

    <div class='sic'> <div class="call call-on"><span href="#non"> </span></div> <div class="email"><span> </span></div></div>.sic div { position:relative; z-index:1; overflow:hidden; list-style:none; padding:0; margin:0 0 0.25em; width: 30px;}.sic div:before,.sic div:after,.sic div span:before,.sic div span:after { content:""; position:absolute; top:50%; left:0;}.sic div span:before,.sic div span:after { margin:-8px 0 0; background:#c55500;}Если код с классом то все выглядит так: http://prntscr.com/475oby А если без класса .sic, то так: http://prntscr.com/475p17 Все пустое, ниче…

    Asked by Destrifer, July 28, 2014

    0 votes
    9 answers
15. Переопределение стилей штатных INPUT radio и checkbox

    Приветствую! Пытаюсь переопределить стили для штатных чекбоксов и радио без JS Собственно каким образом скрыть сам чекбокс, подозревая что бекграунд отображаеться, но его перекрывает сам чекбокс И еще, что с кроссбраузерностью у данного варианта. <!DOCTYPE html><HTML> <HEAD><TITLE></TITLE> </HEAD> <BODY><SCRIPT type="text/javascript"></SCRIPT><STYLE type="text/css">form{}.label{float: left;margin: 0 0 0 10px;width: 157px;height: 122px;background: #f7f7f7;padding: 3px;position: relative;}label input[type="radio"]{background: url(./Images/form-sprite.png) no-repeat 0 -9999px;width: 21px;height: 21px;floa…

    Asked by Valmon, July 28, 2014

    0 votes
    2 answers
16. Иконки в списках

    Ребят здравствуйте подскажите пожалуйста Проблема с иконками в списках, Есть такое меню Проблема в том что при наведении на пункт иконки должны менять цвет, подскажите как сделать просто вставить иконки у меня получилось но нужно что бы при наведении они меняли цвет (сами иконки спрайтом) Как вообще такое реализовать, может кто сталкивался и нашел решение, пробовал искать в google но нормального решения так и не нашел

    Asked by Евгений_SB, July 28, 2014

    • иконки
    • списки
    • css
    0 votes
    3 answers
17. Подскакивает меню

    Ребятки, прошу помощи. Что-то я вообще с ума сошла. На движке сайт стал делать вот это в меню. На всех страницах оно как положено, ровно и не скачет, например http://www.pereezd-kvartiri.su/ А вот на этой подтянулось вверх http://www.pereezd-kvartiri.su/photo/dachnyi-pereezd.html Как решить эту вещь? Глаза вылазят, не могу смотреть уже.

    Asked by kattiperk, July 28, 2014

    0 votes
    4 answers
18. Правильность написания одиночных тегов

    Объясните, нужно ли в HTML 5 писать слэш в одиночных тегах (<br />, <input />, <img />)? Валидатор принимает оба варианта, но как все же правильней? Как я понимаю, наличие слэша - это наследство от XHTML?

    Asked by Quebec, July 28, 2014

    0 votes
    1 answer
19. CSS-свойство content

    Допустимо ли использовать свойство content: "" или обязательно должен быть пробел между кавычками? Можно ли использовать одинарные кавычки?

    Asked by PavelTkachev, July 28, 2014

    0 votes
    1 answer
20. Какой стандарт SVG использовать в сайтах?

    Какой стандарт SVG использовать для работы с сайтами 1.1 или 1.2?

    Asked by PavelTkachev, July 28, 2014

    0 votes
    4 answers
21. Сохранение изменений и загрузка фотографии на компьютер.

    Здравствуйте! Я не совсем понимаю, как мне правильно сформулировать свой вопрос, но у меня на сайте есть страница, где пользователь может перемещать объекты, после этого получается образ его персонажа. Я бы хотел, чтобы человек мог сохранять полученное в 1 изображение себе на компьютер, просто нажав на 1 кнопку. Я много где видел подобное, но поискав гугл, не нашел нужного, так как, как уже говорил, не знаю, как это точно сформулировать. Возможно, есть какие-то уроки по этому?

    Asked by Bigeniad, July 28, 2014

    • сохранение фото на компьютер
    0 votes
    1 answer
22. inline-block

    Update Привет всем. Как поместить два тега inline-block в одну строку? если любой тег равен половине ширины родителя. Интересует реализация в браузере опера. http://jsfiddle.net/Db4C6/

    Asked by valera, July 28, 2014

    0 votes
    2 answers
23. медиа-запросы бля мобильных устройств

    У проблема, как адаптировать шапку сайта на вордпресс. Что еще нужно кроме указаниея в стилях для различных типов мобильных устройств указать {# header width 100%} того чтобы для полностm. была видна картинка в шапке сайта?

    Asked by intman, July 27, 2014

    • вордпресс медиа запросы
    0 votes
    1 answer
24. И снова z-index - не получается спозиционировать выпадающее меню.

    Доброго дня всем. Возникла проблема с выпадающим меню на сайте http://izodecor.md , а точнее никак не удается выдвинуть меню вперед. z-index не помогает или я что-то не так делаю (я новичок в этом) хотя сам DIV с меню располагается внутри "злого" DIV-а который и перекрывает меню . Устал биться - перечитал с полсотни постов и так ничего и не понял - прощу помощи. Не сплю уже вторые сутки и мозг просто не выдержит еще даже 10 страниц чтива. Подозреваю, что проблема кроется в "overflow: hidden" но самостоятельно не догоняю, где чего исправить. В общем - HELP!

    Asked by Veysel, July 27, 2014

    • меню
    • z-index
    0 votes
    2 answers
25. <del> или text-decoration:line-through;

    Здравствуйте! Вот столкнулась с такой дилеммой. На сайте нужно старую цену сделать зачеркнутой. Что лучше выбрать для решения этой задачи: <del> или text-decoration:line-through; Нужно, чтобы максимально работало во всех браузерах, а также, при формировании сниппета в поисковой выдаче было все корректно.

    Asked by Светлана Г., July 27, 2014

    0 votes
    13 answers