HTML Coding

29542 questions in this forum

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

   Верстка адаптивная под 480, когда выбираешь из селекта что-либо, обратно масштабирование экрана не возвращется (как на первой картинке). Как вылечить? Вот так пока не выбрали: А так когда выбрали:

   Asked by okunev2, February 10, 2015

   0 votes
   3 answers
2. Изменение положение блока

   При верстке возникла проблема со смещение блока в левую сторону Вот как должен выглядеть результат: http://c2n.me/3cbTQRl Но блок "Наши видеообзоры" никак не хочет смещаться влево( Вот что оно из себя представляет на данный момент: http://justexemple.host56.com/ Как мне изменить расположение блока video-description?

   Asked by alex.kv, February 10, 2015

   0 votes
   2 answers
3. Как выровнять блок по середине относительно двух крайних?

   Здравствуйте! Как выровнять блок по середине относительно двух крайних? На codepen лежит свёрстанный слайдер у которого красный блок прижимается к левому, как мне его выставить по середине относительно двух? http://codepen.io/anon/pen/XJVKNg Спасибо!

   Asked by perec200, February 10, 2015

   • блоки вёрстка
   • выравнивание
   0 votes
   3 answers
4. Почему тело страницы НЕ подлазит под навигацию?

   Здравствуйте. Стандартный пример вёрстки с бутстрапом http://getbootstrap.com/examples/theme/# . Здесь навигация (тёмная полоска сверху) имеет тип позиционирования fixed и следовательно должна выдёргиваться из стандартного потока вывода объектов. Следующий за навигацией элемент имеет тип позиционирования static, и по логике должен занимать место вырваной из потока объектов нафигации. Но тем-не-менее он размещён следом за ней, так, как будто бы оба имеют статическое позиционирование. Почему они размещаются так? Спасибо за ответ.

   Asked by S0meT1me, February 10, 2015

   0 votes
   2 answers
5. Откуда паддинги?

   Всем привет! Подскажите, опытные верстальщики, откуда в некоторых ячейках таблицы появляются padding'и: http://joxi.ru/n2YY0kKc5Y1Z26 Я не так давно в вашей сфере, может эта банальная ошибка, но я не понимаю. Chrome говорит, что у ячейки они отсутствуют, но все равно их выделяет при наведении на слово padding внутри этого окошка: http://joxi.ru/Y2L8DXguL3W126 margin'ы у внутренних блоков убраны и при рассмотрении через html отладчик, если его можно так назвать, никакого влияния на эту область не дают. У таблицы стоит свойство cellpadding="0" Свойства для всех ячеек одинаковы, но у каких-то таких проблем нет, а у каких-то есть? С чем это может быть связано? Спасиб…

   Asked by Antoshka007, February 9, 2015

   • padding
   • css
   • html
   • table
   • tr
   • td
   0 votes
   4 answers
6. Меню

   Всем привет подскажите пожалуйста почему при наведении на меню оно выдвигается а когда убираешь мышку оно задвигается? Как можно сделать чтобы оно не задвигалась обратно? И при выдвигании толкало в низ следующее меню а то подменю пролазиет под вторым таким же меню. <ul class="menu"> <li> <a href="#"><h4>ТЕСТ</h4> </a> <ul> <li><a href="#">Что КАСКО?</a></li> <li><a href="#" class="messages">тест</a></li> <li><a href="#" class="signout">ТЕСТЫ</a></li> </ul> </li></ul><br><ul class="menu"> <li> <a href="#"><h4>ТЕ…

   Asked by gorkaps, February 9, 2015

   0 votes
   4 answers
7. Использование :after&:before

   Доброй ночи! Нужно сделать пунктирную линию справо и слево от изображения. На картинке пример http://c2n.me/3c83tWt Вот то как это пока сделал я http://jsbin.com/pibecoyofo/1/edit?html,css,output Кто подскажет как сделать больше чем одна точна с одной стороны?

   Asked by alex.kv, February 9, 2015

   0 votes
   1 answer
8. подогнать фон

   помогите пожалуста советом есть задача переверстать статичный сайт в адаптивный, используя стандартную бутстраповскую сетку. проблему представляет фон, который сделан одной картинкой, и изменять который, в силу некоторых причин, нельзя здесь я набросал основной каркас сайта. как видите, фон элемента body при больших ширинах экрана смотрится нормально, на планшетах становится видна пустая середина, а при меньших размерах он и вовсе пропадает(пропадает узор и остаётся лишь красный цвет) скажите, можно ли исправить эти 2 косяка малой кровью? меня устроит даже объяснение на словах как можно поступить с проблемой

   Asked by cyklop77, February 9, 2015

   0 votes
   7 answers
9. Скошенная сторона у блока произвольной высоты, IE8 и выше, как реализовать?

   Необходимо реализовать блок со скошенной стороной, как на картинке: Нагуглить решение мне не удалось. Есть ли способ такое реализовать IE8 и выше, желательно без использования картинок?

   Asked by Shiza, February 9, 2015

   • css3
   • трансформация
   • IE8
   0 votes
   1 answer
10. Размещение блоков на странице

    Добрый вечер, господа! У меня в макете нужно сделать следующее наложение блоков http://c2n.me/3c7Bs0s Нужно чтобы на слайдере была наложена шапка Никак не могу придумать как это сделать. Подскажите как бы это сделали вы? Вот то что сейчас есть: http://justexemple.host56.com/

    Asked by alex.kv, February 9, 2015

    0 votes
    1 answer
11. При клике прыгает блок.

    Добрый вечер, возникла проблема с кнопкой "предложить свою цену" - правил через позиционирование, в чем может быть ошибка? при клике прыгает блок. Спасибо.

    Asked by mrfrunze, February 9, 2015

    • css
    • position
    0 votes
    2 answers
12. Почему блок выпал?

    Всем привет! Опытные верстальщики помогите разобраться, почему блок с таблицей опускается ниже всех остальных. Да и последний div тоже не на своем месте. Почему то немного опущен. http://cssdeck.com/labs/8madbvfx Никак не могу понять в чем дело. Спасибо!

    Asked by Antoshka007, February 9, 2015

    • css
    • html
    • div
    0 votes
    8 answers
13. Ширина div в процентах, как сделать такую же высоту?

    Здравствуйте, есть такая часть макета: https://yadi.sk/i/P61hKvSyeZaHs Хочется сделать ее адаптивной, поэтому делаю такую верстку: http://jsfiddle.net/pv6ektx0/ Но вот проблема в том, что нужно задать высоту блока без картинки такую же, как и его ширина, не подскажите как это сделать? если возможно, то желательно без JS, но это не критично.

    Asked by Inf1n1tI, February 9, 2015

    0 votes
    10 answers
14. Два блока на всю ширину экрана

    Есть два блока, один фиксированного размера, второй должен растянуться по ширине до конца страницы. То есть, 2 блока должны растянуться на всю ширину странички. Вот пример - http://jsfiddle.net/9k5xwnvp/

    Asked by alleclf, February 9, 2015

    0 votes
    4 answers
15. Как лучше реализовать вот такую задумку?

    Вот как лучше реализовать вот такую вот задумку дизайнера Макет: http://prntscr.com/62xzzj Надо сделать так, что бы при нажатии на Ежика, открывалось окошко поверх картинки Ежика вот так http://prntscr.com/62y0my

    Asked by Anna Zharova, February 9, 2015

    0 votes
    3 answers
16. удалить скрипт из документа

    скажите пожалуйста почему не срабатывает такой код? <script id="init_masonry"> $( document ).ready(function() { $('#container').masonry({ itemSelector: '.item', columnWidth: function(containerWidth) { return containerWidth / 3; } }); }); </script> <script> $( document ).ready(function() { console.log( "ready!" ); $('#init_masonry').remove(); }); </script> он должен удалять инициализатор плагина из тела документа посоветуйте пожалуйста альтернативу

    Asked by cyklop77, February 9, 2015

    0 votes
    0 answers
17. Как выровнять div по правому краю без float!

    Привет, форумчане! Подскажите, как можно выровнять div по правому краю без использования flot и относительного либо абсолютного позиционирования. Имеется вот такой вот div.pagination, внутри которого лежит div.pages, что и нужно сдвинуть в правую сторону блока pagination: http://joxi.ru/gmvjVqJuM9XQma Для вложенного блока установил свойство 'display: inline-block'. Пробовал сдвинуть с помощью text-align - не помогло И margin'ы тоже не выручают. Что посоветуете? Заранее спасибо!

    Asked by Antoshka007, February 9, 2015

    • float
    • div
    • right
    0 votes
    13 answers
18. Проблема с "табами"

    Добрый день! Прошу помочь разобраться с багом. При смене таба, а потом возврате в первый содержимое таба пропадает. Вот ссылка на страницу с багом http://root.donkos.esy.es/card.html и скрин http://prntscr.com/62wjl8 , а это скрин с результатом ошибки http://prntscr.com/62wk8q . Заранее благодарю!

    Asked by donkos, February 9, 2015

    • js
    • таб
    0 votes
    2 answers
19. Смена картинки svg при наведении курсора без задержки/альтернатива

    Здравствуйте! Есть код типа: HTML: <a></a>CSS: a {display:block;width: 50px;height: 100px;background: #2b2b2b url(/some_image1.svg) no-repeat;background-size: contain;background-position: left;}a:hover {background: #000000 url(/some_image2.svg) no-repeat;}Суть в том, что картинка svg - простая однотонная иконка с прозрачным фоном, при наведении нужно изменить её цвет, но если это реализовать с помощью смены картинки на такую же, только другого цвета, смена происходит с задержкой. Изображение исчезает, а через секунду появляется другое. Так происходит только первый раз, потом картинка, видимо, попадает в кэш браузера и смена происходит без задержки, но задержк…

    Asked by Torawhite, February 9, 2015

    0 votes
    9 answers
20. Lightbox. Как изменить максимальную высоту?

    Для увеличения фоток используется Lightbox. Проблема возникла с высокими изображениями. То есть, изображение больше высоты экрана. И поэтому при "высоком" изображении не работает кнопка "CLOSE" http://savepic.su/4934392.png Если изображ. уменьшить по высоте, то кнопка "CLOSE" начинает работать. Что нужно сделать, чтобы кнопка работала при любой высоте? Я, как поняла за размер изображений отвечает этот код в файле lightbox.js: resizeImageContainer: function(imgWidth, imgHeight) { // get current width and height var widthCurrent = this.outerImageContainer.getWidth(); var heightCurrent = this.outerImageContainer.getHeight(); // get new width …

    Asked by Alfa2015, February 8, 2015

    0 votes
    0 answers
21. Связка дыух блоков - div и span псевдоклассом hover

    Здравствуйте! Есть код типа: HTML: <div class="class_1"> <span></span></div>CSS: .class_1 {display: block;width: 40px;height: 40px;background-color: #2b2b2b;}.class_1:hover {background-color: #000000;cursor: pointer;}.class_1 span {display: block;width: 20px;height: 20px;float: right;margin-top: 10px;margin-bottom: 10px;background-color: #aaaaaa;}.class_1 span:hover {background-color: #ffffff;cursor: pointer;}Для наглядности http://jsfiddle.net/3bbb980k/ Как можно сделать, чтобы при наведении на родительский div выполнялся свой hover и у div, и у дочернего span?

    Asked by Torawhite, February 8, 2015

    0 votes
    8 answers
22. Загадка с CSS

    Всем привет! Бьюсь уже час, не могу понять. Сайт go-gamer.ru Проблема с содержимым футера. Оно никак не хочет подчиняться тому, что написано в CSS. Помогите пожалуйста понять причину.

    Asked by Coder_D, February 8, 2015

    • css футер
    0 votes
    1 answer
23. Настроил файл .htaccess теперь не грузятся CSS javascript картинки

    Здравствуйте. Сделал ЧПУ на личном движке все прекрасно работает. Но теперь другая большая проблема. Настроил файл .htaccess теперь не грузятся CSS javascript картинки 1) Прописывал абсолютный путь для CSS такового вида <link rel="stylesheet" href="http://site.loc/temp/temp_1/css/style.css"/> БЕСПОЛЕЗНО!! 2) Перемещал файл CSS в корень сайта <link rel="stylesheet" href="style.css"/> БЕСПОЛЕЗНО!! Да и вообще чего только не делал. Уже неделю мучаюсь. Помогите советом пожалуйста. В файле .htaccess такие настройки: AddDefaultCharset utf-8 RewriteEngine on RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d Rewri…

    Asked by koly32, February 8, 2015

    0 votes
    8 answers
24. что должно происходить?

    не много лоигку не понимаю http://s011.radikal.ru/i315/1502/cb/b4b4810a4573.jpg есть стрелка под хедером, что должно происходить? ничего или щелчок с прокруткой к первому слайду?

    Asked by raptor-dm, February 8, 2015

    0 votes
    1 answer
25. помогите немогу поставить сайдбар и контент правильно в один ряд

    <!DOCTYPE html> <html> <head> <title>Создание Сайтов</title> <meta charset="windows-1251"> <link rel="stylesheet" href="css/main.css" type="text/css"> </head> <body> <div id="page_aligen"> <div id="shapka"> <a href="Glavnaya">Главная </a> <a href="Ceni">Цены</a> <a href="Docky">Документы</a> <a href="kontakti">Контакты</a> <a href="Npishute">Напишите нам</a> <a href="Zakaz" ><font class="zakaz">Закажите</font></a> </div>&lt…

    Asked by ryslan, February 8, 2015

    0 votes
    2 answers