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
-
Плавающие элементы вразнобой
Здравствуйте! Плавающие элементы (список товаров) на этой странице: http://ums-shop.com.ua/store/electrical-equipment/navigation-lights/ идут вразнобой. Явно из-за того, что у одного элемента название состоит из одной строки, у другого - из двух. Подскажите, пожалуйста, как сделать так, чтобы элементы выстраивались четко по рядам. Заранее благодарю.
0 votes3 answers -
Непонятное позиционирование элемента в Firefox
Элемент span выходит за предел правой границы родительского a при том что задано right:0. Ситауцию наблюдаю в Firefox 27. В Chrome 33, Opera 20, Safari 5.1.7 отображается правильно. Баг Firefox или я чего-то не понимаю? http://cssdeck.com/labs/jgs1sts0
0 votes4 answers -
Фотогалерея
Помогите пожалуйста сделать фотогалерею на html. Фотогалерея: Наводишь на фото справа появляется стрелочка, тюкаеш на стрелочку появляется следующее изображение и при этом появляется стрелочка слева, что-бы вернуться на изображение назад... Заранее спасибо...
0 votes5 answers -
Выравнивание по центру элемента, который шире, чем его родитель
Возникла подобная задача, нужно было сделать ряд из элементов (логотипов компаний) неизвестного количества, который выровнен по центру макета с фиксированной шириной и уходит за границы документа. Задачу решил (почти случайно, поиск в интернете натолкнул на мысль), но если честно, до сих пор не могу понять до конца, как это работает (и точно ли работает, вдруг где-то очевидный косяк?). Такого решения задачи в сети не находил (плохо искал, уверен, что есть), нечто похожее - http://www.greywyvern.com/?post=323, но там требуется дополнительный враппер. Работает вроде бы везде. Фишка в одинаковых отрицательных маргинах с обоих сторон (нужно, чтоб они были достаточно большими,…
0 votes1 answer -
Прямые углы
Помогите сделать прямые углы, вот код <p>• <span class="label label-info"> /rs </span> - обнуления счета;</p> где /rs у меня этот текст в округленной рамке а как сделать прямые углы у рамки ?
0 votes4 answers -
адаптированная верстка
Как делать адаптивную верстку для большого сайта (более 50 страниц)? Нужно каждую страницу адаптировать?
0 votes4 answers -
Эффект тиснения
Доброго дня уважаемые коллеги, подскажите пожалуйста, как можно сделать такую вот скругленную белую тень вверху блока вот здесь ( http://prntscr.com/8tow41 ) Пробую сделать вот так: https://jsfiddle.net/z53k01w9/1/ Вот только не получается как на рисунке - округлить её хорошо внизу. Помогите пожалуйста. Заранее спасибо.
0 votes2 answers -
Как сделать, чтобы изображения слайдшоу показывались полнстью вне зависимости от экрана?
Здравствуйте. Упрощённый вариант слайд-шоу: http://codepen.io/Kristinita/pen/dMygQj . Хочу сделать так, чтобы изображения показывались на различных экранах только полностью, а не обрезками, как на скрине ниже . Т. е. если картинка не достигнет на экране определённой высоты, то пусть отображается только при вертикальном скроллинге. Эксперименты с min-height ни к чему не привели. Не могли бы подсказать, что не так? Спасибо.
0 votes0 answers -
Наследование стиля дочерними элементами
Всем добре. Столкнулся вот с таком проблемой. Есть родительский блок, внутри которого есть еще два div. При наведении на родительский div хочу, чтобы он обводился рамком, для чего использую :hover. Но при наведении на него рамка появляется у дочерних дивов, в зависимости от того, на который наведешь мышкой. Вот код если html <div id="korzina" onclick="location.href='http://"> <div class="korzina_left"></div> <div class="korzina_right"></div> </div> css #korzina{ background-image: url(../images/cart1.png); float: left; top: 20px; position: relative; width: 200px; height: 60px; cursor: pointer…
0 votes4 answers -
атрибут alt тега img
В хроме не отображается текст тега alt при выключенных картинках браузера.В IE отображается.тег title работает нормально.в чем проблема?
0 votes1 answer -
Не могу запустить слайдер
День добрый , скопировал лендинг http://land-gooods.ru/kylieedition-a2/ wget-ом , а в копии не работает слайдер. Подскажите куда копать.
0 votes0 answers -
Убрать тайтл картинки
Использую скрипт jQuery lightbox. Он умеет брать информацию из тайтла картинки и передавать в открывающийся блок. То есть при клике на маленькую картинку открывается большая с названием (тайтлом). Но мне нужно кроме название передавать еще и описание картинки. Это, насколько я понял скрипт не предусматривает, поэтому я передавал в таком виде: <img title="name<br />description" В таком случае при наведении на маленькую картинку пользователь видит то что не должен(код). Как можно справится с этой проблемой? Может можно как то отключить отображение тайтлов на странице?
0 votes1 answer -
<a href="xxxxx.pdf">
Доброго времени суток. Не могу найти решение проблемы Имеется ссылка <a href="xxxxx.pdf">qwerty</a> <a href="xxxxx.doc">qwerty</a> Необходимо при нажатии на ссылку скачать файл (например, *.pdf), но файлы формата pdf открываются в новом окне/вкладке. А мне надо, чтобы именно скачивался.
0 votes2 answers -
Как расчитать высоту шрифта ?
на картинке div со стилями height:50px; (нужная высота) font-size:50px; последняя буква это буква g которая видна не полностью можно как нибудь сделать так чтобы шрифт растягивался по высоте?
0 votes2 answers -
проблема с бекграундом
не могу понять почему на странице decman.ру отображается картинка с бекграундом а на смежной странице decman.ру/skvend/ (которая отличается только названием картинки ) ее нет. ПС -картинка на фтп лежит , пути правильные. косяк не пойму в чем-не хочет отображаться на другую а если назвать back как на главной то видит картинку главной странице
0 votes1 answer -
Блок в блоке со смещением
Как сделать так, что бы второй блок находился в первом и что бы часть блока была смещена и скрыта на несколько пикселей.
0 votes2 answers -
Фиксированные Divы Внутри Резинового Divа
[РЕШЕНО] В общем это вывод товара в каталоге. Сайт резиновый и поле (див) для вывода тоже резиновое. А вот сами блоки товаров(дивы) -фиксированные . Мне нужно что бы вывод смотрелся более менее красиво.Это значит левый блок с товаром выровнять по левому краю, правый-по правому раю, а между ними и теми, что внутри блоками -выставить одинаковое расстояние между ними. Самое интересное что это все выводится на автомате, то есть через цикл) Вот такая вот задача. Вообще возможно ли такое. Скажите кто что думает как это можно сделать или заменить на что то подобное, или кто делал-поделитесь опыттом ребята. Срочно нужно)
0 votes2 answers -
SCSS
Доброго времени суток. Наткнулся на пару статей про Less, SASS, SCSS и решил попробовать. OS: Win7 IDE: Netbeans 6.9 Lang: PHP В чём компилировать и как - я нашёл ( phampl ), а в чём редактировать SCSS-код нет =( Если использовать для этого обычный CSS, то пропадает автокомплит и повсюду пестрят ошибки, если проставить плагин SCSS Editor, то отсутсвует автокомплит ( в виду чего всякий смысл в SCSS пропадает вовсе ). Что я ищу - редактор SCSS под Win, с поддержкой: 1. autocomplete свойств, значений (и желательно переменных) 2. [желательно] возможность автоматической компиляции (к примеру, при сохранении) 3. подсветка синтаксиса 4. [желательно] расторопность (netbeans при п…
0 votes0 answers -
вопрос по шрифтам
Всем привет!! Что означает Font:100%/1.4 Arial???! И что означает Font-size:100.01%!! Зачем их используют??? Пасиб
0 votes4 answers -
Проблемы с высотой в 100%
Здравствуйте! Задана высота контента в 100%, но почему-то контент обрезается... Когда выставляю 2000px - работает нормально. Вот сайт: http://persikmops-ru.1gb.ru/ru/show-results?layout=blog вот код css: * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: underline; color:#759b14 ; } /*непосещенная ссылка*…
0 votes6 answers -
Пробелы между кнопками из-за границ.
В общем вот такая у меня шапка с навигацией. Как видно пробелы между кнопками. Это таблица по сути, со столбцами. Вот код: <table> <tr align="center"> <td width="173"></td> <td><a href="main.html" class="left">Главная<span>Главная</span></a></td> <td><a href="work.html" class="center">Наши работы<span>Наши работы</span></a></td> <td><a href="materialsandcolors.html" class="center">Материалы и цвета<span>Материалы и цвета</span></a></td> <td><a href="contacts.html" class="center">Контакты<span>Контакты</span></a&g…
0 votes14 answers -
Страница изменяемого размера
Ребят подскажите,как сделать странцу изменяемого размера.Я имею ввиду минимальное разрешение чтоб было 800x600 У меня основной блок 1000 px и при суживании окна полоса прокрутки появляется на 1000px, а не на 800px при использовании min-width;
0 votes2 answers -
Проблемы многослойной верстки
Здравствуйте! У меня к вам вопрос: Я - начинающий верстальщик. Поступило мне ТЗ в котором указанно, что необходимо сверстать макет сайта с помощью HTML5, CSS3, кроссбраузерный. Вся проблема в то, что нужно сделать нестандартную верстку - много разных блоков, как на сайте http://www.mts.com.ua/ukr/main.php . Собственно посоветуйте неопытному верстальщику как быстрее можно сверстать?..
0 votes9 answers -
панель на всю ширину экрана+div logo и ul li
Здравствуйте. Делаю панель на всю ширину экрана: #menu { background: url("/static/images/menu/menu.png") repeat-x scroll 0 0 transparent; position: relative; display: block; width: 100%; height:50px; font-size: 11px; } далее пытаюсь оставить место под лого: #logo{ position: relative; height: 40px; width: 300px; margin: 0; display: block; background-color: red; } угу, далее пытаюсь поставить рядом с лого еще один обьект, назовем его logo1 #logo1{ position: relative; height: 40px; width: 300px; margin: 0; display: block; background-color: red; } Так вот у меня съезжает logo1 под logo. А мне нужно рядом. Вообще как посоветуете строить всё это ?
0 votes3 answers -
Английские и русские термины.
Какие существуют правила употребления терминов? Например слово "валидация" является калькой английского слова "validation". С одной стороны нехорошо засорять русский язык и перевести как например "проверка синтаксиса", но с другой стороны при чтении документации на английском языке нужно будет сделать обратный перевод и угадать с точным термином. Может писать русский термин и в скобках английский вариант?
0 votes5 answers