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
-
Можно как-то задать два шрифта в "font: ...", но с разными font-size/line-height?
Доброе! Можно как-то расширить http://htmlbook.ru/css/font Есть блок тектса, у него сейчас: font: 16px/19px 'Myriad Pro'; ... но если нет в системе Myriad Pro, хотелось бы следующим подрубить trebuchet ms c 15px/17px , ибо 16px/19px от Myriad Pro уже не подходят. Браузер может прочитать только такую конструкцию: font: 16px/19px 'Myriad Pro', trebuchet ms; но не такую... (которую бы хотелось) font: 16px/19px 'Myriad Pro', 15px/17px trebuchet ms; Есть какой-то выход из подобной ситуации?
0 votes5 answers -
Карусель ссылок в блоке
Здравствуйте. Задумка: использовать плагин (jquery) Easyzoom на галерее картинок, предназначенный для показа увеличенного фрагмента изображения. Лупа, короче. Работа плагина следующая. <a href='src_pic_lrg'><img src='src_pic_sml'></a>- при наведении курсора на картинку(точнее на ссылку) плагин берет href, в котором указан большой вариант картинки и показывает ее в отдельном div. Это все отлично. но я имею набор картинок, которые переключаются в одном div. Проблема в том, что как ни переключай ссылки, все равно считываться будет href, который написан последним. то есть не переключается вовсе. я переключал zIndex div'ов, в каждом из которых помещено по сс…
0 votes1 answer -
Не отображается иконка соц. сети
Не отображается иконка соц. сети (в bootstrap) Не пойму в чем проблема. Все иконки отображаются, кроме иконки "Одноклассники"(на желтом фоне)...Пример здесь
0 votes2 answers -
Выровнять картинку по центру блока
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как выровнять картинку по центру блока (по высоте, по ширине я её выровнял) Вот код - http://jsfiddle.net/ko542jer/
0 votes8 answers -
Как сделать плитку из фото , не используя таблицы?
Здравствуйте. Есть шаблон на нем расположены фото как плитка выложена. Шаблон: http://template-preview.com/OS/300110857/ Но плитка там сделана на таблицах. А как можно сделать тоже самое но без таблиц и display:table и без bootstrap. Хотя бы идею подкиньте в виде примера. Спасибо.
0 votes1 answer -
Как сверстать такой блок?
Подскажите, как сверстать такой блок с использованием Bootstrap?
0 votes2 answers -
Порекомендуйте видео по bootstrap 3
Порекомендуйте пожалуйста статьи или видеоуроки по bootstrap.
0 votes3 answers -
Абсолютно позиционированные элементы и свойство display
Здравствуйте. Все время считал, что после применения абсолютного позиционирования к элементам их свойство display по умолчанию устанавливается в block. Но сегодня пришлось усомниться в этом. Смотрите пример https://jsfiddle.net/9z3ehbpa/2/ Две последние линии каждой из кнопок созданы с помощью ::before и ::after (display: inline по умолчанию developer.mozilla.org). При этом для второй кнопки псевдоэлементам прописано свойство display: block, что, по идее, лишнее, так как это происходит по умолчанию для position: absolute (согласно таблицы inline превращается в block www.w3.org) Почему же кнопки отображаются по разному?
0 votes10 answers -
Внешний вид полос прокрутки
Хотелось бы изменить внешний вид полос прокрутки. Как это сделать для IE - уже нашел. А для Mozilla что нужно прописать в коде? И можно ли в один css впихнуть и для IE и для Mozilla?
0 votes3 answers -
Сайт внутри блока с Закруглёнными углами
Ребят,значит задача такая: Нужно сделать сайт внутри Блока с закруглёнными углами,получаеться следующее: Я сделал Блок с закруглёнными углами,теперь хочу в Средний контейнер #middle поместить свой сайт,и ничего не получаеться,а точнее: 1) Меня запарил Откудато взявшийся Бэкграунд справа каждого Дива внутри(header, left, right, footer)..(серая полоска справа) 2) Не могу назначить цвет не одному блоку,точнее назначаю.а он не ставиться Для наглядности,чтобы было понятнее я сделал рамки вокруг блоков и внизу сделал копию того,что мне нужно(допустим) Помогите пожалуйста решить эту задачу,вот ссылко,там и CSS внутри,во внешний не стал выводить http://psywalker2008.narod.ru/ra…
0 votes1 answer -
Эмуляция широкого экрана
Здравствуйте, задумался над таким вопросом. Должны же быть способы проверки сайта на широких экранах - те, которые больше моего, от 1280px Первое, что пришло в голову - программа, которая может эмулировать широкий экран, или разрешать растягиваться браузеру больше, чем ширина экрана. Есть такие хаки?
0 votes3 answers -
Смена IP сайта
Здравствуйте, подскажите пожалуйста! Пользуюсь виртуальным хостингом на hostmonster.com, мой сайт находится в ТОП-10 по всем запросам связанных с моей тематикой сайта, в гугле и в яндексе. По некоторым причинам мне нужно взять выделенный IP для сайта, скажите пожалуйста, повлияет ли смена IP адреса на выдачу результатов в поисковиках, не упадут ли позиции в выдачи ? Спасибо.
0 votes2 answers -
текст отображается вне блока
Попросили создать отдельную тему... Проблема следующая: Текст дива отображается за пределами этого самого дива, в родительском блоке, хотя бэкграунд-колор этого дива на месте. лежит тут boom-x.su блоки #account и #cart Укажите, пожалуйста, в чем ошибка, я уже голову сломаю скоро.
0 votes7 answers -
цвет кнопки disabled в Opere не правильно
Привет. Столкнулся с непонятным ситуациям. В общим, никак не могу делать цвет кнопки с атрибутом disabled белым. Код тут: http://jsfiddle.net/nEgYG/ Это касается только браузеру Опера
0 votes8 answers -
input вод только 1 точку
Доброго времени суток. Есть строка ввода куда вводятся только цифры и точкИ, но мне надо, что бы точку можно было ставить только одну. Проблема в том, что я незнаю как это реализовать. Код строки ввода: <input type=text id=vklad onchange=Calc() onKeyPress="if(event.charCode!=0&&event.charCode!=46&&(event.charCode<48||event.charCode>57)) return false;">
0 votes4 answers -
Список в абзаце
Нужно ли обрамлять список тегом <p>, если в абзаце есть только список?
0 votes2 answers -
Проблема с высотой колонок (обрезается высота)
Доброго времени суток. ГУРУ HTML, взываю к вашей помощи. Возникла проблема: пытаюсь верстать сайт на основе блоков. Тело сайта состоит из горизонтальных шапки, навигационной панельки, вертикальных 5 колонок (3х с содержанием (центральная резиновая, две боковые с фиксированной в пикселях шириной) и 2 по бокам - стилистических), и футера. Две самые крайние справа с слева колонки (leftmainlayout и rightmainlayout) имеют ширину 70пикс. а высоту заданную в процентах (100%) и заполнены повторяющимися по вертикали рисунками (70х50px). Пока сайт помещается в высоту экрана - все отлично. Но при превышении страницей высоты экрана - фоновые изображения крайних колонок перестают п…
0 votes3 answers -
Как частично убрать тень
Доброго времени суток, помогите убрать тень внутри всплывающего меню как на рисунке, спасибо! http://jsfiddle.net/4f9Te/
0 votes4 answers -
Пустое место под div
Есть 1 большой div(контейнер),в нем 3 div(левый,центр,правый) В центральном div информация,в левом и правом просто фон. Если в центральном много информации то он растягивается вместе с контейнером(главным),но вот левый и правый div не растягиваются. Хотя стоит height:100%. Как это исправить?чтобы все колонки растягивались вместе с центральным div? http://firepic.org/?v=6.2014-07-23_80wqph4dulay.png вот скрин(простите за хостинг,первый попавшийся)
0 votes11 answers -
проблема со шрифтом
есть шрифт open sans pro в формате otf , белка не хочет принимать. как можно его еще конвертнуть? какие посовветуете конвертаторы? или что делать?
0 votes8 answers -
Нарезка макета
Как нарезать такие иконки, если вырезать из без фона, то получиться не то, и с фоном их тоже не вырежешь http://cs610723.vk.me/u252023236/docs/9650dfc1ebfa/dsaasdfdsafmm.png?extra=oCNkf3MfGI-cYh6zq2mFuuM_qlBMdIbejN15hZ2eEJx2b9UxdoWgYaj7OISo52mun2XwbkIG0WTCBT7no4n4DoPVHD4DJJiv
0 votes6 answers -
Выравнивание float блоков по строкам
Привет. Собственно ссылка http://jsfiddle.net/bc2b9jtd/Трудно объяснить что именно я хочу, но я постараюсь. Есть блоки с содержимым, содержимого может быть по-разному: немного или чуть больше, чем немного. Хочется сделать так, чтобы эти блоки шли ровными строками. Совершенно понятно как это решать таблицами: http://jsfiddle.net/bc2b9jtd/1/ А можно ли это как-то решать без них? Не обязательно использовать block, можно inline-block.
0 votes2 answers -
Подскажите элегантное решение без таблиц
Доброго всем! Есть вопрос для опытных.... Есть задача сверстать макет с центральной колонкой фиксированной ширины, растянутой по вертикали -- чтобы она располагалась по центру окна броузера. Приблизительно так, как изображено на этой схемке: ┌───┬───────┬───┐ │ ┤ ├ │ │ ┤ ├ │ └───┴───────┴───┘ Вокруг центрального блока есть хитрая тень-текстура (шириной около 200 пикселей с каждой стороны), нарисованная дизайнером - именно из-за нее весь сыр-бор и приключился. Нужно чтобы эта тень-текстура была именно на фоне (из-за ее ширины появление горизонтального скролла недопустимо), и чтобы вплотную окружала контент-блок -- слева и справа от него. Если применить…
0 votes6 answers -
как убрать маркер отметки элемента
При активации некоторых элементов, например табов вкладок, либо радиокнопок, остаётся 'маркер' последнего выделенного активированного элемента. В огнелисе например выглядит в виде очертания квадрата тонкой линией вокруг элемента. Как его убрать? Код вывода табов: <ul class="offers-menu tabset"> <li> <a class="tab a2" href="#">Padluka</a> </li> <li> <a class="tab a3" href="#">Paskuda</a> </li> <li> <a class="tab a4" href="#" a="">Skatina</a> </li> <li> <a class="tab a5" href="#">Svoloch</a> </li> </ul> Какое свойство отвечает за этот хренов маркер?
0 votes3 answers -
Проблема текста
Здравствуйте, у меня такая проблема при верстки с правого блока выходить текст в середину в браузере IE6. http://www.jizpi.uz/cssprimer/boxes8.html *{margin:0px; padding:0px;} body{ font:12 tahoma; background:#efefff; text-align:center; } .clear{ clear:both; } #wrapper{ width:1004px; margin:0px auto; border:1px solid navy; text-align:left; } #header{ font-size:30px; color:#FFF; background:#C90; padding:20px 20px 20px 20px; } #left{ float:left; width:200px; background:#FC0; padding:5px; } #left ul{ list-style:none; margin:0 0 0 10px; line-height:20px; } #left a{ text-decoration:none; color:#FFF; background:url(images/mdot.gif) no-repeat left; pad…
0 votes5 answers