HTML Coding

29,542 questions in this forum

1. Откуда взялся лишний отступ между картинкой и меню?

   Откуда взялся лишний отступ между картинкой и меню? И как его убрать без использования margin? http://allnet.16mb.com/

   Asked by DivMan, May 1, 2014

   0 votes
   2 answers
2. почему не показывается фоновое изображение?

   Почему когда я указываю путь для фона из интернета, то он отображается http://jsfiddle.net/sjUW9/ А вот когда с компа, то не отображается? body{ background-image: url(images/background.png);}

   Asked by DivMan, May 1, 2014

   0 votes
   1 answer
3. Можно ли сделать margin больше при большом разрешении ?

   Проблема при разрешении 1024 блоки стоят по (им задан margin с левой стороны)центру но когда я увеличиваю масштаб то они становятся уже не по центру, можно ли сделать так чтобы когда увеличиваю разрешения margin с лева увеличивался ?

   Asked by Shenia132, April 30, 2014

   • margin
   0 votes
   10 answers
4. Верстка VS GoogleTranslate

   Верстаю макет для довольно объемного сайта, куча графических элементов, пачка слайдеров разных мастей. На каждом готовом этапе часть верстки заливаю на хостинг, дабы клиент мог оценить и сразу писать правки. Сейчас, уже практически заканчивая работу, вдруг, откуда не возьмись, клиент объявляет, что ему нужно, дабы сайт отображался полностью корректно при использовании сайта translate.google.com, в режиме перевода всего сайта. Если кто не знает, или не юзает, то это вот такая штука: http://translate.google.com/translate?hl=ru&sl=ru&tl=en&u=http%3A%2F%2Frambler.ru&sandbox=1 Фишка в том, что к каждому переведенному слову гугл добавляет пару оберток и свои…

   Asked by advokatua, April 30, 2014

   0 votes
   3 answers
5. html head body

   Всем привет. Я сегодня прочитал рекомендации от гугла по оформлению кода и там написано что эти теги html head body можно и не писать. Вы делаете так? Если их не писать все ли браузеры будут корректно показывать страничку, особенно мобильные? Писать или не писать?

   Asked by abcde, April 30, 2014

   0 votes
   3 answers
6. Шрифт на экране телефона

   Всем привет! В подвале есть текст. На экране пк он выглядит соизмеримо со всем сайтом. Но стоит открыть на экране телефона все подстраивается как нужно кроме этого злополучного текста, он вытягивается на всю длину подвала( Для меня это постоянная проблема – один текст подстраивается а другой ……. Если не сложно откройте полную версию сайта на ПК и на телефоне, т.к. я новичок может визуально будет понятнее. http://soft-portal.net/ Спасибо!

   Asked by fabol, April 29, 2014

   • css font text
   0 votes
   3 answers
7. Добавляю блок div после слайдера и сайт не вмещаться в 1024px

   Есть проблемка,добавляю блок div после слайдера и задаю ему высоту сразу появляется скролл и он не влазит в 1024 пикселя ? joyful-shop.ru/webstudio

   Asked by Shenia132, April 30, 2014

   • div
   0 votes
   6 answers
8. Закрывать ли тег img?

   почему одни делают так <img> а другие так <img/>?

   Asked by DivMan, April 30, 2014

   0 votes
   2 answers
9. Favicon

   Здравствуйте! Возник такой вопрос: сама favicon.ico у меня лежит в корне и отображается корректно, но иконка имеет разрешение 16х16, а я в некоторых программах, например 1Password для iOS и в Safari на iOS замечаю добавления иконок от сайта в разрешении определённо большем, чем 16х16. А с моего сайта эти программы вообще не подгружают иконку. Существуют ли другие иконки,которые подгружаются? Откуда-то они же берутся! Вот скрины экрана,там сравнения иконок: http://yadi.sk/d/YrBjoaprNj3n2 http://yadi.sk/d/Q-UZ1uxENj4EF Спасибо!

   Asked by Torawhite, April 30, 2014

   0 votes
   2 answers
10. Футер переменной высоты и резиновый блок контента

    Привет. Вот обычный прижатый футер. http://jsfiddle.net/qLEd3/ Суть в том, что мне надо сделать следующее. Надо сделать, чтобы футер был также прижат, но он может быть любой высоты, а блок контента, если его высота меньше высоты окна минус высоты хедера и футера должен доставать до футера. Чтобы пояснить что я хочу получить, я сделал это на js. http://jsfiddle.net/qLEd3/3/ Как можно сделать то же самое без него, кто подскажет?

    Asked by Veseloff, April 27, 2014

    0 votes
    15 answers
11. Как правильно сделать адаптацию к маленькому экрану?

    В общем, есть это: http://jsfiddle.net/78DAJ/ Справа должен быть навигационный блок. Слева должен быть контент. Когда экран меньше 1024 пикс, то панелька справа налазит на текст контента. Так вот вопрос: 1. Сделать через @meta фиксацию размера сайта, типа отступа в 896 пикс? 2. Поставить какой-нибудь чудо-тег, скорее всего из jQuery, который считает размер контента и ставит автоматически отступ для right? 3. Может, я не вижу более очевидного решения? PS Отмечу, что параметры блока right нельзя менять, т.к. он должен ползать за пользователем по странице, в 100% высоту.

    Asked by Melodyn, April 27, 2014

    0 votes
    6 answers
12. Не могу настроить слайдер

    Здравствуйте! Имеется вот такой слайдер: /* Начало кода для слайдера */div.slider{ float:left; margin:0 0 0 10% }.viewport{ width: 30em; height: 17em; overflow: hidden; position: relative; }.slidewrapper{ position: absolute; left:0; top: 0; height: 17em; margin: 0; padding: 0; }.slide{ width: 30em; height: 17em; float: left; list-style: none; margin: 0; padding: 0; background: url(../image/Slider/ptichka.png) no-repeat; background-size: cover;}.slide a{ display:block; position:absolute; bottom:0px; height:80px; background:#333333; opacity:0.7; width:100%; color:#ffffff; font:1.2em Arial, Helvetica, sans-serif; text-…

    Asked by nightgremlin, April 30, 2014

    • слайдер
    0 votes
    4 answers
13. CSS display и поисковые пауки

    Не знал куда засунуть, поэтому написал здесь. Всем добрый вечер. Возник вопрос, как реагируют поисковики на текст который display:none. Они же читают исходный текст страницы и я так подозреваю что они могут ругаться на то что при просмотре страницы текста нет а в иходниках он есть. Или всё нормально? P.S.сорри за нубский вопрос. просто первый раз занимаюсь клиентской стороной на столько губоко чтобы заниматься оптимизацией =))))) раньше только с серверной частью работал.

    Asked by McLotos, April 12, 2014

    0 votes
    3 answers
14. HTML5 Lightbox

    Всем привет. У меня вопрос по поводу адаптации lightbox на сайте. проблема в том что lightbox вылезает за рамки сайта ((( хотелось бы адаптировать под экраны, чтобы он подгонял фотографию по экрану монитора, уменьшал увеличивал, размер изображения стандартный для всех будет.

    Asked by Homavi, April 30, 2014

    0 votes
    1 answer
15. Применение классов к маркированным спискам

    Здравствуйте! Не получается применить классы или ID к маркированному списку. Дело в том, что списков на странице будет несколько, у каждого списка присутствует свой маркер (маркер заменяю картинкой через list-style-image). Когда пытаюсь применить к списку класс или ID, то все стили слетают. Делать пытаюсь так: HTML: <ul class="ddd"> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> </ul>CSS: ul .ddd{list-style-image: url(images/okay.png);text-align:left;}

    Asked by px379, April 30, 2014

    0 votes
    2 answers
16. Коварный z-index

    Доброго времени суток! Столкнулся с такой проблемой. Есть 3 секции. Нужно чтобы тень от средней падала на нижнюю. Задаю z-index для верхней секции, чтобы перекрывал тень вверху, но он не срабатывает. Позиционирование стоит Пример кода: <!doctype html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> section { display: block; width: 100%; height: 100px; position: relative; } .two { box-shadow: 0 0 10px #000; z-index: 0; } .one { z-index: 1; } </style></head><body> <section class="one"></section> <section class="two"></section> <section class="three…

    Asked by gregsv, April 29, 2014

    0 votes
    3 answers
17. Блок в оставшуюся длину

    Привет. Я правильно понимаю, что чтобы растянуть .cell3 на оставшуюся длину, мне надо или таблицы использовать, ну или flex. http://jsfiddle.net/npofopr/w95eY/ Сут такая: сайт резинится от 1280 до 960px, т.е. в шапке есть четыре блока, три из них постоянной длины, а одно, это блок с поиском, т.е. с input и button, которые как раз проще тянуть. Вот и хотелось бы этот .cell3 растягивать. Или можно как то по другому здесь решить ситуацию?

    Asked by npofopr, April 29, 2014

    0 votes
    9 answers
18. магический отступ

    Доброго времени суток, дорогие форумчане. в общем проблема: отступ между двумя дивами ("да", "нет") никто не задавал, но он есть Ровно 5px; Прикладываю верстку Если из .buttonConfirm убрать display: inline-block отступ исчезнет Подскажите где накосячил

    Asked by lolovo, April 28, 2014

    0 votes
    6 answers
19. Центрировать картинку в div

    имеется блок l_photo в который помещена ссылка, в ссылке находится картинка в блоке l_users_photo. нужно отцентрировать картинку в блоке l_users_photo, причем, чтобы картинка была полностью в нем и не растягивалась. как сделать? код шаблона <div id="l_photo"> <a href="index.php"> <div id="l_users_photo"> <img src="image.jpg" alt="альтернативный текст"/> </div> </a> </div> код стиля #l_photo{ width:100%; height:550px; float: left; } #l_contain{ width:50%; height:100%; float: left; }

    Asked by cebephb1y, April 29, 2014

    0 votes
    3 answers
20. Добавление полей к обтекающему элементу

    Добрый день! Имеется контейнер main c двумя section (.left_col и .right_col). .right_col обтекает .left_col справа с левым полем 350px, но при добавлении .right_col верхнего поля 30 px main съезжает вниз на величину этого поля (в CSS - first version). Почему так происходит? Может ошибка в коде? Или это естественное поведение блоков при данных условиях? Во втором случае, .left_col и .right_col задано float: left; и такой проблемы нет. (в CSS - second version). http://jsfiddle.net/4Q3qE/1/

    Asked by Tduty120586, April 29, 2014

    0 votes
    0 answers
21. Резиновые блоки с пропорциональными размерами

    Я думаю решение есть, но не знаю, как оно называется и по каким ключевым словам искать. Нужно реализовать пару резиновых сеток из 8 и 6 блоков с пропорциональными размерами. Прикреплю изображения, чтобы было наглядно. В первом случае это квадраты, сторона квадрата = 25% ширины окна браузера. Во втором случае 4 квадрата и 2 прамоугольника, сторона квадрата = 25% ширины окна браузера, наибольшая сторона прямоугольника = 50% ширины окна браузера. Надеюсь, можно обойтись без скриптов, если да, то что использовать? Что-то у меня нет никаких идей по поводу пропорционального изменния высоты блоков. Спасибо.

    Asked by a.antropov, April 26, 2014

    0 votes
    11 answers
22. Как сверстать такой бордер?

    Здравствуйте! Подскажите пожалуйста как быть с бордером в данной ситуации? http://jsfiddle.net/kublyakov/7PC5g/1/ В частности, мешают вот эти белые треугольники. Они берутся из-за разного цвета бордера снизу и по бокам. Подскажите как избавиться от них, что бы бордер сплошняком шел.

    Asked by Kublyakov, April 29, 2014

    0 votes
    3 answers
23. Абсолютный блок растягивает родителя

    Привет. Есть вот такой пример http://jsfiddle.net/npofopr/wSTJ3/ Можно ли как то сделать, чтобы при клике Добавить, блок с появляющейся формой не был "поверх" всего остального, а растягивал своего родителя, т.е. был обычным внутренним содержимым, а не выглядел отдельным элементом. По примеру более понятно должно быть, что не получается. Не то чтобы не получается, а пока вообще не знаю как быть.

    Asked by npofopr, April 29, 2014

    0 votes
    6 answers
24. Господа,у меня много вопросов,нужна Ваша поддержка!

    Я только начал свой путь в этом деле. Решил попрактиковаться,скачал шаблон,решил его посильней изменить. Решил сделать резиновую(адаптивную) верстку,с горем пополам справился. Вот теперь столкнулся с проблемами и целый день не могу справиться,голова кипит, знающих прошу помочь,пока я с ума не сошел. 1)съехавшие картинки-ссылки ни при каких условиях не хотят возвращаться и становиться горизантально. Нужно чтобы они всегда были в центре окна браузера. 2)точно так же в самом центре нужно чтобы стояла картинка баннер вверху. 3)самое верхнее меню надо чтобы своим правым краем не пересекала красную линию. Пытался поменять как только можно,что знаю,и меню только немного уезжае…

    Asked by tolik_ke, April 27, 2014

    • html
    • css
    • центрирование
    • резиновая
    • верстка
    0 votes
    5 answers
25. Проблема с наведением мышки на линк

    Здравствуйте, возникла следующая проблема, может кто сможет подсказать, в чем же дело, сделал сайт (изначально на Muse - landing page? потом дорабатывал html код, стили и т.д.), при наведении на логотип (название шапки в ссылке) стоит линк #top - для перемещения на верх страницы соответственно, но почему то ссылка получается активна не на все области, т.е. если посмотрите - http://arhis77.esy.es/ - получается что где то курсор обнаруживает ссылку, а в каких то местах нет.. никак не могу понять, в чем же именно дело... ссылка стоит для дива прописана в котором картинка (пробовал прописать для самой картинки, делал map - тоже самое)... если кто-нибудь сможет мне подсказа…

    Asked by arhis77, April 28, 2014

    0 votes
    3 answers