HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Как реализовать такую тень в через css?
http://uploads.ru/mDvHB.jpg
0 votes4 answers -
как сделать?
http://i003.radikal.ru/1502/71/5075a77a2bf0.jpg там плагин есть листает слайды, слайды по высоте экрана. но вначеле и в конце нету этих слайдов. как там это сделать? или что там должно быть не пойму?
0 votes3 answers -
Поочередный показ 2 блоков
Подскажите пожалуйста как реализовать показ блоков. Есть 2 блока с разным текстом и 2 ссылки для выбора какой блок показать. Изначально показан первый блок. Если клацнуть по ссылке "показать второй блок" - первый должен исчезнуть а второй появиться. Точно так же если виден второй блок при клике на "показать первый блок" второй пропадает, первый появляется. Вот заготовка - http://jsfiddle.net/q9moqseL/ Спасибо.
0 votes3 answers -
импорт css в css файл
допустим есть css файл, и reset мне нужно вынести в отдельный файл, как это сделать
0 votes1 answer -
Одинаковые ячейки
Здравствуйте. На веб странице раньше была табличка с данными (данные получаются с сервера, и поэтом нельзя знать заранее сколько будет там колонок и сколько столбцов. В прочем столбцов там 9 или 10). Потом всё переделалось, и каждая строка таблицы стала отдельной таблицей внутри списка. Это сделалось для того чтобы можно было применить один jQuery плагин позволяющий сортировать списки. Тогда возникла проблема которую я пытаюсь решить уже второй день: нужно чтобы была фиксированная ширина у каждой ячейки таблиц. То-есть было так (тут одна таблица) Стало так (тут список из 10 строчек и в каждом по таблице) Я пытался сделать td { /* значения высчитывал с помощью php */ …
0 votes0 answers -
Высота <div>
Всем привет!) есть у меня div с идентификатором #photo1. В нем плавающая картинка (чтоб текст обтекал). Я хочу, чтоб высота блока #photo1 была определена высотой всего содержимого, но там высота картинки почему-то не учитывается (может потому что плавающая) и получается, что высота определяется по высоте содержащегося в блоке текста. Почему я не хочу просто установить высоту(height)? Потому что при увеличении в браузере текст может выйти за пределы блока, ну вы наверное понимаете о чем я). Как можно это сделать не используя height? Вот ссылка. (png версия макета, скачать макет)
0 votes2 answers -
Помогите с версткой хаотичных элементов
Добрый вечер, форумчане. Столкнулась с такой проблемой. Есть дизайн На картинке видно, что ссылки Портфолио, Дизайн сайтов, Логотипы, Клиенты и пр. располагаются нестандартно. И собственно я не знаю как их сверстать. Я подумывала в сторону таблицы, со своими отступами, объединением ячеек, но еще не уверена. Может быть вы подскажите более простой и грамотный вариант? Всем спасибо за ответы!
0 votes1 answer -
Сортировка
Товарищи! Как сделать сортировку фотографий на сайте?
0 votes0 answers -
Подскажите, проблема с таблицами
Есть сайт, объясню проблему по скриншоту ниже Белая область - это див элемент, в котором я расположил таблицу с 2мя колонками. В этих колонках уже сделал дивы с заголовком и самим контентом. Сама проблема: Наполнинл 1ю колонку заголовком+несколько скриншотов и кнопок, когда начал наполнять 2ю колонку, заголовок 1й начинает отступать от top элемента вниз, как показано на скриншоте. Не пойму в чем может быть проблема. Мой быдлокод, css: .backgrnd1231445{ position: absolute; width: 100%; height: auto; background: url(/img/fon.jpg); background-repeat: repeat; background-attachment: scroll; } #mainwrapper { position: relative; margin: 0 auto; margin-top: 30px; margin-bottom…
0 votes4 answers -
Выбор произвольного цвета Chrome
Необходимо было сделать выбор произвольного цвета. Получилось вот так: <script type="text/javascript"> function rndColor() { var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); var rgb = 'rgb(' + r + ',' + g + ',' + b + ')'; document.bgColor = rgb; }</script> <select> <option onclick="rndColor()">random color <option >another option </select>В общем работает в FF и в IE, но вот Chrome отказывается. Как исправить? Я так понимаю что хрому нужно указать цвет в hex формате, подскажите как…
0 votes1 answer -
Проблема с блоками
Есть сайт http://texteredsa.besaba.com/ left-bar имеет 10% ширины righr-bar 12% content 78% а почему контент заходит и на левый и на правый bar?
0 votes2 answers -
Как выбрать теги select
Здравствуйте. На странице у майки есть два выпадающих selecta, для некоторых других товаров селектов может быть и больше. При этом они не имеют прямого общего родителя и как понимаю использовать first-child и его комбинации не получится. Можно ли как-то на css подцепить эти селекты, начиная со второго и далее одним селектором?
0 votes3 answers -
межстрочный интервал
http://texteredsa.besaba.com/kotofey/kotofey/inner-goods.html а вот так вот в маке http://i72.fastpic.ru/big/2015/0720/51/5808bf83357b6aebd2112cab422c6a51.png почему шрифт так скачет?
0 votes3 answers -
Сайт не отображается корректно в IE9
Сайт не отображается корректно в IE9 http://portfolio-for-web.esy.es/ Как это исправить?
0 votes1 answer -
Как стиль подписи в галерее сделать аналогичным основной теме?
Wordpress тема Tempera галерея создается плагином Photospace Responsive Gallery у плагина есть чвой CSS Выглядит все так http://selftrips.ru/2015/09/08/22115. пример оригинального оформления https://yadi.sk/i/qSwmQT4QjeG4v пример оформления галереи https://yadi.sk/i/orhMw6G4jeG4g Если надо выложу оригинальный и CSS и плагина, или предоставлю доступ на тестовый сайт с этой темой и плагином.
0 votes0 answers -
Как сделать
У меня возникла вот такая проблема: Я хочу сделать расписание для своей группы в виде расширения для браузера, и сейчас, из-за малого опыта, не могу понять. Как сделать так что бы открыв меня расширения, открывалось сначала дни недели, и нажимая на него рядом будет открываться само расписание. Что то типа браузера в маленьком окошке расширения. Сильно прошу помочь.
0 votes1 answer -
Адаптивность для Ipad
Здравствуйте! Есть сайт: http://st-valentine.pl , в онлайн-сервисах везде показывает нормальную адаптивную верстку, проверял на мобильном(андроид) и планшете(андроид), тоже всё ок. Но на Ipad не переключается на адаптивную версию(не видно языков справа). Есть предположение что проблема с каким-то css свойством, которое не понимает Сафари. Кто может помочь?
0 votes0 answers -
Решение для слайдера
Коллеги, подскажите, как быть. Есть вот такой код для слайдера на сайте: $imagelist[] = '<div class="rotimg" style="background-image:url(/img/8_.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/10_.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_04.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_05.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_06.jpg);"></div>'; <div class="rotate"> <?php sh…
0 votes1 answer -
Не могу разобраться с "условием"
Здравствуйте! Есть код, которые генерирует на сайте каталог. Хотелось бы выделить названия отдельных позиций(в коде {{collection.title}}) каталога жирным шрифтом. Значение этих отдельных позиций известны. Возник вариант решения - прописать условие, если {{collection.title}}="заданному значению"(или {{collection.title}} содержит заданное значение), то <b></b>, иначе оставить без изменений. Не смог найти примеров решения такого вопроса. Помогите пожалуйста! html <li class="category-top"><span class="top-span"><a href="{{collection.url}}" class="category-top"><span class="{% if collection.current? %}category-subs-parent-selected{% else %}cate…
0 votes2 answers -
проблема div- вёрстки
как сделать чтобы меню наезжало на текст, а не вымещал его. Заранее огромное спасибо за ответы ! З.Ы: меню написано на CSS.
0 votes2 answers -
Explorer не хочет понимать #cover_img_3:hover>.text{ display: block;}
Здравствуйте коллеги, это мое первое обращение на форуме, так как не могу самостоятельно понять что происходит с этим факнутым эксплорером) в общем привожу ниже код, все просто. есть блок. наводишь на него мышкой и появляется текст с описанием. Все браузеры отлично воспринимают этот простейший код, проблема именно с эксплорером. <div id="cover_img_3"> <img src="1.jpg" /> <div class="text"> <p>Тут располагается скрытый текст..</p> </div> </div> #cover_img_3{ cursor:pointer; position: relative; float: left; margin: 30px; width:370px; height:200px; } #cover_img_3:hover>.text{ display: block; top: 200px; background: #000; -web…
0 votes7 answers -
Не могу разобраться с z-index.
Добрый день форумчане. Помогите решить проблему с z-index, до меня не доходит.. http://jsfiddle.net/7f8Eq/ собственно хочу что-бы синий блок был поверх черного (вместо цвета фона, использую картинки, и хочу что-бы вторая картинка была поверх первой на определённую часть, к примеру на 50px. спасибо
0 votes2 answers -
Подскажите, почему отступ не делается корректно?
Здравствуйте. Есть проблема, у меня есть контейнер и в нем еще один блок, так вот я хочу задать отступы с лева и с верху для данного блока. Отступ слева работает нормально, а при отступе сверху контейнер снижает в низ к блоку. И еще когда ставлю рамку контейнеру, то все работает нормально. Совершенно ничего не понятно. Вот код <html><head><title>Go.</title><link rel="stylesheet" href="ppp.css"></head><body><div id = "container"> <div id = "menu" > </div> <div id="img"> </div> <div id="title"> </div> <div id="text"> </div> <div id="copyright"> </div></div&…
0 votes1 answer -
Внутренний блок выпирает
У адаптивного изображения выпирает внутренний блок http://codepen.io/anon/pen/VLdpvN?editors=110 Должно быть вот так у обоих изображений:
0 votes1 answer -
CSS верстка страницы, проблема с центрированием
Всем привет. Учусь верстать страницу на CSS, вместо таблиц. И столкнулся с проблемой. Раньше у меня была такая табличная структура (пишу упрощенно): <table width=100%> <tr> <td></td> <td width=900>вся шапка сайта тут</td> <td></td> </tr></table>Мне это давало ровную колонку в 900 пикселей по центру экрана. Также я делал и с "контент" частью, и с "футером". А на 100% растягивал, что бы если у пользователя вдруг монитор будет по ширине выдавать больше 1800 пикселей таблицы не выстроились в ряд. Теперь пытаюсь перенести эту логику на CSS. Создаю шапку: <div style="width:100%;min-height:300px;backgr…
0 votes2 answers