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
29542 questions in this forum
-
Как заставить фото сжиматься с самого начала его показа?
Здравствуйте. На сайте в слайдере изображения начинают занимать положенную область за доли секунды до смены картинки. Как можно сделать так, чтобы фотографии изначально после их появления масштабировались под размеры слайдера? Может здесь надо через before, after?.. Благодарю
0 votes2 answers -
Вопрос по инлайн-блоковым элементам
Подскажите, пожалуйста, откуда появляется поля справа и слева у элементов li со свойством display: inline-block; При применении float: left; они исчезают. http://jsfiddle.net/DH6P4/
0 votes5 answers -
проблема с анимацией
вот исходный сайт http://venusdemo.com/magento/smartshop/index.php/?___store=christmas вот то что я начал делать http://texteredsa.besaba.com/ferfume/ferfume/ в исходном сайте при наведение на пункт german плавно передвигается так сказать ему в обычном положение задано translateY(10%) а при наведение 0% и при помощи transition это все плавно срабатывает, то же самое пытаюсь повторить, но не получается, почему?
0 votes2 answers -
Отменить прозрачность при наведении
Нужно сделать так чтобы желтый блок был всегда не прозрачным (а не только при наведении) http://codepen.io/anon/pen/wKoYVr
0 votes1 answer -
Как лучше всего сверстать такой макет?
Всем привет. Вот код http://jsfiddle.net/u8auj81g/2/. Мне нужно по вот такой вот незамысловатой "сетке" выравнивать картинки относительно текста. Еще есть место где с двух сторон абзаца будут картинки которые не должны превышать в ширину 245px; Кроме того и у картинки и у её описания может меняться вертикальное выравнивание (там в коде это для каждого элемента inline сделано). Собственно, меня волновал вопрос, откуда берется пустое пространство в описании к IMG4? Но пока воспроизводил ситуацию в фидле - понял откуда оно берется. Теперь мой вопрос звучит так: как мне это пустое пространство победить? Что бы не делать position: absolut; что бы все так же и осталось с float…
0 votes2 answers -
Табличные данные
Пробую верстать табличные данные. Ссылка Как в целом? Можно ли было что-то сделать лучше, в плане кода?
0 votes1 answer -
Смешная проблемка с дивами
Здравствуйте, у меня очень смешная проблема с блочной версткой. Я хочу сделать заглушку для сайта, после чего потихоньку начать разработку, совмещая все это с заказами. (я не верстальщик, а дизайнер, но в основном хочу стать веб-программистом и уже начал делать прогресс, активно учусь). Задача, которую я себе поставил: Сделать repeat - фон - сделано. Сделать картинку (800х800) и разместить ее относительно Wrapper - тут-то и проблема. Код таков (index.html): <body> <div id='wrapper'> <div id='promo'> </div> </div> </body> В css: #wrapper { height: auto !important; width: 1000px; margin-left: auto; margin-right: auto; } img { bor…
0 votes2 answers -
Как вывести товары в зависимости от расширения монитора?
Подскажите пожалуйста, как реализовать вывод товара как на сайте ozon? Там если браузер уменьшается, то <div class="table_blok_Guer stock6 (тут они ставят от 3-х до n..)">. Например идет вывод 20 товаров, в линии по 6 шит, но если браузер уменьшаем, то товара в линию выводится меньше (5шт, 4шт. и т.п.) То есть, как добиться этой резиновой выборки товаров?
0 votes3 answers -
0 votes1 answer
-
Верстка блока
Доброй ночи ! Ребята подскажите, как правильно сверстать этот блок ? 1) Можно было бы сохранить все кроме робота-пылесоса, но потом нельзя применить z-index. 2) По отдельности сверстать тоже не вариант, потому что блок 960px, все получается маленькое, из-за того что в макете блок имеет ширину 1920px Как быть ???
0 votes2 answers -
автоматические методы в js
подскажите пожалуйста есть ли в javascript-объектах методы, которые автоматически выполняются при создании и уничтожении объекта? типа init() и final();
0 votes1 answer -
Дополнительное фото товара
Хочу сделать блок с дублирование всех фото товара - т.е чтобы все фото товара,помимо их расположения вверху страницы (где есть главное фото и миниатюры),попадали еще и в блок "Фотографии товара". Фото разного размера - есть высокие,широкие,квадратные. Как сделать в этом блоке их размер 1/2 (50%) от оригинального изображения вверху страницы?И как их выровнять в ряд (горизонтально)с небольшим промежутком между ними?Сейчас они выстраиваются вертикально помогите с кодом,пожалуйста. Что дописать или исправить? {if count($product.images) > 0} <div class="more-images"> {foreach from=$product.images item=image name=phthumbs} <div…
0 votes1 answer -
Как сделать слой высотой с родительский элемент
Доброго времени суток всем! Делаю сайт с двумя наложенными друг на друга прозрачными слоями (один, типа, основа, под ним, типа, тень). Высота слоя зависит от количество текста в нем, нельзя ли как-то его высоту связать с высотой родительской ячейки? Основной css: .Opacity { background-image: url(image/BG1.png); background-repeat: repeat; background-position: bottom; } .Opacity div { background-image: url(image/BG.png); background-repeat: repeat; background-position: bottom; position: relative; left: -10px; top: -10px; …
0 votes0 answers -
верстка от начала до конца
Расскажите пожалуйста как сверстать макет типа http://efimov.ws/main/develop/webmasters/27-psd-templates.html (любой). Меня интересует , как порезать , и как затем склеивать . Буду очень благодарен , если со скриншотами.
0 votes1 answer -
Как лучше сделать
Здравствуйте. Подскажите, как лучше сверстать: Данный блок нужно встроить на страницу. Но когда я делаю вот так: <div style="width:1000px; overflow:hidden;"> <div style="float:left; position:relative; width:490px;"> <div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div> </div> <div style="float:right; position:relative; width:490px;"> <div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div> </div> </div> у меня у главного блока не устанавливается высота в зависимости от содержимого бло…
0 votes3 answers -
Проблема с блоками
Здравствуйте! Решила изменить вид блоков но получается вот такая петрушка: Вот код блоков: <!-- <block9340> --> <?if($SMENU_1$)?> <table border="0" cellpadding="0" cellspacing="0" width="280"> <tr><td style="background:url('/sidebar_02_01.png') no-repeat #F18008;color:#000000;" height="280" align="center"><b><!-- <bt> -->Меню<!-- </bt> --></b></td></tr> <tr><td style="background:url('/sidebar_02_02.png') top no-repeat repeat #000000;padding:10px;"><!-- <bc> -->$SMENU_1$<!-- </bc> --></td></tr> <tr><td height="11"><img src="/…
0 votes1 answer -
вывод из базы в 3 калонки
Пожскажите пожалуйста как сделать вывод из базы в 3 калонки. Что я имею ввиду - когда выводим из базы информацию то она выводится вертикально (сверху вниз), a как сделать чтобы воводилась горизонтально в 3 ряда и периносилось ниже опять 3 ряда и ниже и.т.д Вот пример как в интернет магизине выводятся товары http://www.ozon.ru/ в 3 ряда
0 votes1 answer -
отрицательный margin-right ie6
приветствую всех. Наткнулся на неизвестный мне ранее баг в IE6, может кто подскажет решение (или даже источник проблемы)... Суть проблемы: есть два блока: родительский (имеет фикс. ширину) и дочерний (плавающий). Не удается задать отрицательный отступ справа для дочернего блока больше, чем ширина родителя.... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Заголовок страницы</title> <style> .parrent { width: 50…
0 votes0 answers -
Нет графического оформления разделов
При создании категорий сайта и после их проверки таких вещей не обнаружил а сейчас как то получилось такое не знаю из за чего. Работает графика только те категории которые обозначены главными вот фото http://s017.radikal.ru/i439/1211/7e/de01d58c3854.jpg а главные это все разделы которые не находятся в подкаталоге. И еще после регистрации на сайте нажав кнопку Профиль пользователя далее пункт Мой профиль также не отображает графику сайта это я обнаружил еще давно а вот с разделами сайта обнаружил только вчера. Как мне это исправить? сайт http://satsputnik.500mb.net/ движок сайта DLE 9.7
0 votes0 answers -
верстка для facebook like
Проблема моделируется под maсos Safari кнопка блок от фэйсбука обрезанный: вокал.яскович.рф/news/32-stupeni-shkoly-energo-zvuka (наверху слева) даже не знаю что придумать -не могу найти ошибку в цсс причем в ff - отображает нормально цсс здесь http://вокал.яскович.рф/sites/all/themes/Obosmeysya/css/application.css?mf9h2w спасите!!! =)
0 votes2 answers -
Видео перекрывает фон lightbox
Моя ссылка - при нажатии на картинку с прибором видео перекрывает фон. Это можно исправить?
0 votes2 answers -
Проблема с позиционированием
Есть сайт http://html5.neymaxx.com/ после позиционирования появился отступ справа страницы. Как можно исправить? с фиксированным позиционированием проблемы на мобильных телефонах
0 votes2 answers -
Выравнивание текста
Вроде простая задачка, но у меня никак не выходит. Нужно выровнять 2 слова на одной строке, один по правому, другой по левому краю. Прописать нужно стилями и обязательно внутри тэгов <body>
0 votes2 answers -
Как устроены сылки на внешние директории?
Вот столкнулся с проблемой,дочерных страниц сайта стало очень много(тоесть в коренной папке сайта много хтмл документов) и стало неудобно с ним работать,искать нужный файл нужной страницы в куче всего... В общем создал отдельную папку link для таких дочерных страниц,а главную страницу оставил в коренной директории.С главной страницы легко ссылатся на дочерные страницы,таблицы стилей,картинки и т.д.,а вот дочерные страницы немогут ссылатся на главную страницу,те же картинки и те же стили,скрипты и т.д. так как они снаружи.Мне кто то посоветовал поставить перед ссылкой слеш,но это неработает... В общем что нужно поставить вначале ссылки что бы она начинала ссылатся не с тек…
0 votes2 answers -
кнопка нравится от facebook
помогите пожалуйста разобраться собираюсь на страничку встроить кнопку "нравится" от facebook. в макете блок в общем выглядит так. видно, что кроме самой кнопки присутствуют еще элементы. их придётся верстать мне или у facebook существует сервис, который генерирует весь блок?
0 votes5 answers