HTML Coding

29,542 questions in this forum

1. Как лучше сверстать?

   Есть такое задание 3 блока фиксированной ширины, первый и третий плотно прижимаются к бокам родительского блока. У всех троих ширина одинаковая. Внутри этих блоков будет располагаться контент нескольких форм, как нарисовано, только вот их очередность хаотичная как и нарисовано. Вот теперь сижу думаю, делать все таки 3 колонки, или не стоит? Потом не трудно будет добавить контент в разные блоки через cms? На данный момент дал первому float:left; второму float:right; а тот что посередине задал margin по бокам, родителю добавил clearfix, колонки стоят. Какие еще варианты есть для оформления данного типа страниц?

   Asked by CroaToa, June 10, 2014

   0 votes
   5 answers
2. Проблемы с блоками

   Есть сайт http://texteredsa.besaba.com/ верстаю этот макет http://files.mail.ru/EDE52362DCAC473FA59BB7E01E55093F там где блок наши особенности и преимущества, если добавить текст то все рушится, как нормально сверстать? а где последний блок а так же, я не могу понять поведение второго блока, его скопировал в html и он должен выглядеть также как и первый абсолютно, но на деле непонятно что, почему? ну и оцените верстку на данный момент.

   Asked by WEB-best, June 11, 2014

   0 votes
   5 answers
3. 3d transforms css3 как вытащить весь код?

   нашёл интересную штуку https://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html как вытащить html и css файлы этой трансформации? нажмите на кнопку Toggle Shape и вы увидите эффект

   Asked by DivMan, June 12, 2014

   0 votes
   5 answers
4. Проблема отступов сверху и снизу у элемента height 100%

   Здравствуйте. Столкнулся с такой проблемой. Не могу добавлять фиксированные отступы у контейнера .gallery-window со всех сторон. Или хотя бы резиновые. Временно решил проблему извращенным способом, увидите в коде, но при уменьшении окна появляются неточности. Слева и справа работает свойство margin: 1%; а снизу и сверху ну никак. Подскажите, как можно добавлять одинаковые фиксированные или резиновые отступы сверху и снизу, что бы при уменьшении окна они либо сохранили пропорции и сверху и снизу (при резиновых отступах), либо оставались фиксированными (при фиксированных отступах). Песочница http://jsfiddle.net/7hqdN/

   Asked by Нарек, June 14, 2014

   0 votes
   5 answers
5. Паттерн изображения с разными частями цветов

   У меня есть узор, который используется в кач-ве бекграунда. Так вот есть секции, которые имеют другой цвет. Можно ли как-то сделать так, чтобы узор шел цельным и были разные цвета, ромбиков, так и дивов. Я пытался поставить поверх див с белым цветом, но он полностью закрывает узор. Если делать див с прозрачностью, то это уже не абсолютно белый цвет(0xffffff) получается. Вот скриншот с макета в фотошопе. А вот кусок css body { background: url('../img/bg.png') #000;}

   Asked by helio, June 15, 2014

   0 votes
   5 answers
6. Целесообразность использования новых тегов.

   Доброго времени суток камрады. Я тут задумался, а есть ли смысл в использовании новых тегов? Таких как article, section, aside и некоторых других (только тех которые пришли на замену div'av). До сих пор я активно их использовал но заметил, что все что они делают - это создают лишние мыслительные процессы на подобие - а что лучше использовать тут - aside или div. А тут может быть section или обойтись div'ом. И так далее. Да и тем более я еще не увидел за все время своих странствий по интернету сайта, в котором бы применялись эти теги. Изредка у некоторых проскакивает только header и footer. А что вы об этом думаете?

   Asked by logicface, June 21, 2014

   • tags
   • html5
   • new tags
   • теги
   0 votes
   5 answers
7. CSS. Отличия в редактировании тегов <th> и <td>. И можно ли редактировать <tr>

   Изучал тут статью на сайте (http://htmlbook.ru/css/border-collapse) и заметил, что изменения в <th> и <td> касаются только ячеек, но стоят порозень, зачем так сделано? И можно ли, как нибудь, редактировать всю строку? Выравнивание, тип шрифта и т.д.

   Asked by Frip, June 16, 2014

   0 votes
   5 answers
8. Помогите с таблицей

   http://pixs.ru/showimage/tablicajpg_4033217_12594669.jpg Подскажите как реализовать табличку. Вопрос заключается в том как выделить строки группами, с незвестным кол-вом строк в группе. На ум приходит только делать каждую группу в <tbody>, а потом через nth-child even/odd выделять... Но может есть более правильное решение???

   Asked by vladmih, June 17, 2014

   0 votes
   5 answers
9. Маленькая вёрстка на html5

   Добрый день уважаемые форумчане. Помогите пожалуйста мне сверстать очень маленький код на html5. Буду очень благодарен. Ширина должна быть фиксированной - 1000px (ну это я смогу изменить самостоятельно ); Сама проблема состоит в том, чтобы высота sidebar зависела от высоты блока content (в котором собственно и будет располагаться контент) Сам попробовал - не получается, текст почему-то отображается под sidebar Воспользовался генератором, он генерирует говнокод какой-то. Помогите пожалуйста, буду очень благодарен.

   Asked by Baravo, June 26, 2014

   • html5
   • вёрстка
   0 votes
   5 answers
10. Градиенты и скругленные углы в IE.

    А вот нету. Если на диве висит CSS3 градиент + скругленные углы то корректного решения я не нашел. http://css3pie.com/, скажут некоторые? Работает через раз - то отрисует бекграунд то нет. На некоторых есть - на других нет. Когда стандартное filter стояло - таких проблем не было. http://dillerdesign.com/experiment/DD_roundies/ ? Без градиента. С градиентом - не работает. Jquery Corner вообще в топку - все поломал. Для тех кто думает что на сайте просто криво все сверстано - специально проверяли убрав все лишние скрипты и стили. Кто что из уважаемых гуру посоветует? Попеременно пай работает - F5 - работает, F5 - нет

    Asked by Destrifer, June 27, 2014

    0 votes
    5 answers
11. Firefox. Инструменты адаптивного дизайна. Изменение размеров

    В Firefox жмакаешь "Ctrl + Shift + M" - открывается панель адаптивного дизайна, можно менять размер области отображения. А в левом верхнем углу появляются цифры, которые отображают ширину и высоту этой области. Так вот, я только что заметил, что там цифры неправильные. Задал фиксированную ширину блоку 1600px, начал уменьшать область. Когда стала видна только эта область, то Firefox мне показал, что около 1450px вместо 1600px. Я подумал, что за дела, может быть, я что-то где-то забыл или пропустил ошибку. Но нет. Скачал расширение для браузера (Resizer) и оно мне показало именно "правильные" 1600, а не меньше или больше. Что я делаю не так?

    Asked by binomer, June 28, 2014

    0 votes
    5 answers
12. Увелечение размера блока товара при hover

    Всем привет! Ломаю голову как можно сверстать страницу товаров интернет магазина на котором при наведении на блок товара, размер блока увеличиваеться по 20px по краям(составляя 40 пикселов). Более конкретно: Сам блок с размером 163px. С помощью inline-block выстроен в ряд. Естественно при изменении размера, нарушаеться сетка. Дорогие друзья, что можно делать в этом конкретном случае чтобы сетка не нарушалась?

    Asked by parnas, June 28, 2014

    0 votes
    5 answers
13. ошибка валидации для MAP

    помогите пожалуйста понять суть ошибки html: <img class="logo_pic img-responsive" src="images/logo.png" alt="logo" usemap="#link_index" /><map name="link_index"> <area shape="rect" coords="1, 1, 400, 480" href="index.html" alt="" /></map> валидатор ругается: Bad value 1, 1, 400, 480 for attribute coords on element area: Expected a minus sign or a digit but saw instead.не понимаю что нужно исправить

    Asked by cyklop77, June 29, 2014

    0 votes
    5 answers
14. Скрытие элемента в мобильном браузере

    В файле css прописал такое: @media handheld {.share {display:none;}} Но блок .share продолжает отображаться при просмотре со смартфона. Что неправильно ?

    Asked by kpripper, July 1, 2014

    0 votes
    5 answers
15. Не отображается в хроме шрифт Campus

    Есть шрифт Campus(можете скачать http://www.photoshop-master.ru/adds.php?subrub=34&id=3462), в формате .ttf он отображается только в Opere, а конвертировал в .woff, то вообще не отображаться на странице, может у кого то возникала такая проблема или знает как решить, буду признательным

    Asked by andrdov, July 1, 2014

    • opera
    • chrome
    • шрифт
    • campus
    0 votes
    5 answers
16. Проблемы с вёрсткой в Chrome и Opera.

    Здравствуйте! Возникли проблемы работы в Crome с галлерей и fancybox. На этом сайте: http://ndl-east.com. 1) В Crome(v.35) и Opere(v.22), причём как то через раз, не задаёт высоту у изображения и его обрамляющих блоков, так как они имеют position:absolute ниже стоящие блоки наползают на него. Повторю: иногда отрабатывает верно. 2) Так же в Chrome не срабатывает галлерея fancybox(v.2.1.5) при клике на превью отдельно открывает изображение как страницу. В голову ни чего кроме как костылей не приходит которые ни как не помогают. Firefox и IE работают адекватно. Спасибо за уделённое время!)

    Asked by Vicos, July 2, 2014

    • Chrome
    • fancybox
    • Opera
    • gallery
    0 votes
    5 answers
17. Как правильно изменять ширину div?

    При добавлении новых пунктов меню, форма поиска должна постепенно уменьшается, как на картинке, при слишком большом кол-ве я уже сверну менюшку , как в бутстрапе при малом разрешении будет. Проблема лишь в том что я не могу "догнать" даже в теории как оно должно будет выглядеть, просто подскажите на теории, как такое можно реализовать, спасибо =)

    Asked by fikret, July 2, 2014

    • html
    • html5
    • css
    • css3
    0 votes
    5 answers
18. Росположение фотографий в галерее

    Здравствуйте, форумчане. Я хочу сделать галерейку, похожую как в ВК. Вот что у меня получилось http://jsfiddle.net/G6JeH/ Но мне бы хотелось чтобы после первых двух фотографий дальше фотки шли в ряд и с каждой добавленной фотографией уменьшались, вот так: ,но как это сделать не знаю. Не хочется подключать какие то библиотеки для этого. Дайте направление в какую сторону двигаться Спасибо

    Asked by Даниил Виттманн, July 13, 2014

    • галерея
    • фотографии
    0 votes
    5 answers
19. Посоветуйте хорошие онлайн-курсы

    Кто-нибудь знает хороший онлайн-курс по HTML5 и CSS3?? Если это платный сервис, но хороший, поделитесь тоже линком, плиз!

    Asked by RobertShmobert, July 8, 2014

    0 votes
    5 answers
20. Непонятный отступ

    Всем привет! При верстке лэндинга столкнулся с такой проблемой: снизу между картой и остальными блоками появляется непонятный отступ. Причем в фаерфоксе все нормально, а вот остальные браузеры его отображают. марджины и паддинги обнулены, фаербаг и панели разработчика в других браузерах тоже ничего не дали. Может кто сталкивался с подобным?

    Asked by gregsv, July 10, 2014

    0 votes
    5 answers
21. Помогите с примерами

    Господа профессионалы, подкиньте пожалуйста ссылки на правильно сверстанные сайты и главное они должны быть сложные . Может и на форуме есть но я почему то не вижу . Охота подглядеть некоторые вещи у профи.

    Asked by Sergik+, July 12, 2014

    0 votes
    5 answers
22. Как верстается такой интересный градиент ?

    Можно ли такую кнопку с двойным градиентом сверстать без применения фотоной картинки ?

    Asked by ilyas, July 16, 2014

    0 votes
    5 answers
23. Прямоугольник+треугольник через псевдоэлемент и градиент

    Как сверстать такую фигуру? Моя идея: Сделать прямоугольник, добавить через псевдоэлемент треугольник. но как сделать его так, чтобы залить градиентом таким же, как и у прямоугольника? Ссылка на псд. http://rghost.ru/56934778

    Asked by Vitalya T, July 17, 2014

    • псевдоэлемент градиент
    0 votes
    5 answers
24. Наложение слоя

    Иконка New накладывается на товар, как товар наложить на иконку? http://jsfiddle.net/ZLEV2/

    Asked by DivMan, July 18, 2014

    0 votes
    5 answers
25. Сокрытие контента на мобильных устройствах

    Хотел поинтересоваться практикуется ли в верстке подход, когда при помощи css медиа запросов скрываются некоторые элементы, чтобы улучшить воспроизведение страницы на устройствах с малым экраном? Например, есть страница со слайдером, логотипом, контактами в шапке. На экранах ноутбуков и дэсктопов с большим разрешением все красиво и удобно. Но на планшете и смартфоне все это выглядит довольно громоздко и довольно не удобно(для того, чтобы добраться до контента или меню нужно скролить страничку, да и тяжелые фотки со слайдера могут долго грузиться при узком канале инета). Стоит ли пользуясь медиа запросами просто скрывать все "лишнее" на устройствах с малым экраном для боле…

    Asked by CoDy, July 19, 2014

    0 votes
    5 answers