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
-
Как реализовать такой фон?
Добрый день! Сверстал сайт. Осталось только спозиционировать кошку и телефон. Размер основного контента 940px. Если меньше появляется горизонтальная полоса прокрутки. Создавал блок, толкал эту кошку в него background'ом, высовывал абсолютным позиционирование за пределы (куда нужно). Но этот вариант НЕ ПОДХОДИТ, т.к. появляется полоса прокрутки(( В body если запихать, то не угадаешь с шириной и высотой окна браузера((( Помогите пожалуйста кто сталкивался с такой проблемой. P.S. кошка и телефон не обрезаны, это полноценный рисунок, просто так выглядит макет (так должно стать при уменьшении окна браузера). Вот ссылка на картинку http://savepic.org/4509298.htm
0 votes4 answers -
Почему не добавляется внутренняя рамка?
Здравствуйте. На странице пытаюсь задать дополнительную 1px рамку вокруг превьюшек согласно мануалу (там правда разбирается четверная рамка на псевдоэлементах). Не получается. В чем причина? На выходе должно быть так. вокруг фотки идет 1пикс рамка, вокруг которой 10пикс белое пространство, заканчивающееся той рамкой, что видна сейчас(оранжевая обводка+тень) P.S. Как на форуме давать ссылки, чтобы они не индексировались поисковиками?
0 votes3 answers -
Проблема с позиционированием
Здравствуйте! Помогите с решением такой проблемы. В шапке текст, заключенный в теги <h1>...</h1> ушел вверх и влево. Как поставить его по середине и чуть ниже от верха? Пытался различными методами, но ничего не получается. Ниже даю css-код этого элемента header.mainHeader h1 a{ border: 1px solid #000; font: bold 64px "Century Gothic"; color: #1d1eeb; text-decoration: none; text-shadow: #1d1eeb 0 0 10px; } https://www.dropbox....k9ccocc4y/1.jpg
0 votes9 answers -
Что лучше
Что лучше создать 2 псевдокласса, чтобы сгенерировать одному из них тень, плюс p h3 тегам блока присвоить z-index или просто добавить одну картинку тени каждому блоку? Браузер тормозить не станет от лишних псевдоэлементов и такого количества контекстов наложения? Просто я верстаю лэндинг - тут итак дофига элементов...
0 votes10 answers -
Не могу загнать список меню в блок
http://jsfiddle.net/jontsk/GKqbM/ Помогите загнать список меню в .left_menu_1 и растянуть кнопки в ширину .left_menu_1. Заранее спасибо.
0 votes3 answers -
Псевдокласс :hover одновременно для двух элементов!
Здравствуйте! Имеется список ссылок: HTML <ul class="roomList"> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> </ul> CSS .roomL…
0 votes11 answers -
ие8 не грузит eot шрифты?
УПД - проблемка решена, сгенерировала через .ехе утилитку и все заработало)))) Подскажите, в чем причина? В ие8 не грузятся шрифты - даже проверила и попробовала их сгенерировать другим генератором. В итоге сайт в ие8 выглядит просто ужасно
0 votes2 answers -
яндекс карты и горизонтальная прокрутка
Задача такая вставить интерактивную яндекс карту на всю ширину экрана. Я взяла на 1900px - но основная ширина сайта 1000пикселей и в итоге появляется прокрутка. Как избежать прокрутки? При этом чтобы прокрутка появлялась при ширине меньше 1000 пикселей.
0 votes2 answers -
IE 8
Добрый день. Я тут говнокожу потехоньку, и столкнулся со следующей бедой: страница нормально отображается на следующих браузерах: IE 10 FireFox Chrome и выглядит так но на IE 8 она почему выглядит так: (самое странное что в textarea залез кусок html.) Подскажите плз как это можно поправить? Заранее спасибо. Исходник можно посмотреть по адресу http://bizon4ik.zz.mu/Contact/
0 votes5 answers -
Стиль, систематизация, шаблонизация присвоения ID и классов HTML элементам
Всем здравствуйте! Поделитесь, если у кого есть, пожалуйста, статьями или информацией по теме грамотного присвоения ID элементам. Я понимаю что отчасти дело фантазии и собственного вкуса, однако я всерьёз полгаюа, что есть ряд методик, разработанный умными дядями, с которыми было бы интеремно ознакомиться. Однако, мне мало чего удалось найти. Помню была статейка написания сайтов "мини блоками" (не помню как они по умному назывались, бам, бом или что-то такое) и внутри каждого блока элементы получали очень грамотные, длинные и говорящие за себя названия. Может один я после 30-го элемента начинаю в них путаться, т.к. не использую грамотный подход при распределении ID? Буду …
0 votes7 answers -
Реализация при наведении
Всем привет Помогите реализовать подобный эффект: http://clip2net.com/s/5Q5U3K Не могу правильно реализовать эффект полос при наведении
0 votes10 answers -
Нубские вопросы про бутстрап
До сих пор плохо представляю, что это. Хочу задать нубский вопрос. Бутрстрап имеет часть встроенных стилей. Например, высота линии боди 1.4. В моем макете высота линии 1.2. Мне нужно поменять высоту на мою собственную. правильно? Как мне это правильно сделать, просто в моем файле стилей для боди указать другую высоту и все? Чем 3.0 отличается от 2й версии? Я так посмотрела изменили куча классов, и как я поняла, теперь нет поддержки неадаптивной верстки? То есть раньше было два вида контейнеров - адаптивный и обычный, теперь только адаптивный и если мы хотим это убрать - мы лезем в дебри из разряда " Remove (or just don't add) the viewport <meta> mentioned in the CS…
0 votes7 answers -
Шаблоны для блоков
Почти сверстал весь сайт и вопрос который я оставлял на потом встал передо мной чертой, которую не перейдя нельзя продолжить разработку. Мне нужно что-бы при активации определенного элемента, в другом див блоке выводился другой шаблон дивов. Подскажите как реализуется и\или с чего начать изучение. Спасибо.
0 votes5 answers -
Меню
Есть меню нужно что бы при достижении конца окна браузера субменю поворачивалось в другую сторону, а не вылазила за пределы видимой части браузера. http://jsfiddle.net/8HzWp/
0 votes4 answers -
Что не так? Калькулятор [JS]
Помогите пожалуйста уже всю голову переломал не пойму почему не работает http://jsfiddle.net/afZe3/
0 votes7 answers -
Некорректный размер кнопок в Mazilla
Проблема с оображением в Мазиле. http://jsfiddle.net/jontsk/WCyZr/4/ На скриншоте видно, что общая высота кнопок в Мазиле на 5px больше. Не знаю что делать с этим.
0 votes8 answers -
Масштабирумая картинка в колонке таблицы для IE8,9
Есть колонка процентной ширины, туда уложил картинку с max-width: 100%, Opera, Chrome отображают корректно, но вот IE не масштабирует картинку, делая ее реальных размеров. Как с этим бороться? table .item { width: 20%; padding-bottom: 10px; } table .item img { max-width: 100%; vertical-align: top; }
0 votes6 answers -
Чем обычно создаются такие пустоты?
Здравствуйте. Если посмотреть на странице, то можно увидеть в html коде зазор " ", который опускает изображение ниже, чем требуется. Посмотрел php - так и не увидел, от чего это. Что говорит ваш опыт?
0 votes15 answers -
Новые тэги HTML5 vs микроданные vs role ...
Что-то я стал путаться во всех этих "длясемантичных" вещах. Объясните мне не умному в чем приницпиальное отличие между ними. Все для какой-то семантики, но делают ли одно и тоже или каждый занимает какую-то свою нишу? И какие из этих нововведений реально на что-то влияют (поисковики, читалки, люди с ограничеными возможностями) ? Спасибо.
0 votes8 answers -
Объясните пожалуйста
Объясните пожалуйста,как позицию картинки вы задаёте? Например я в фш сделаю меню для сайта, вставлю в тег <div> Как задавать расположение? Или расположение в фш задаётся?
0 votes1 answer -
Нижний отступ у макета
Почему при добавлении контента нижний отступ пропадает? Ожидаю вот такое поведение http://s1.ipicture.ru/uploads/20130918/7dzP0zRW.png а получаю http://prodpak.ru/site3/ Подскажите пожалуйста, в чем ошибка.
0 votes3 answers -
Резиновый блок
Всем привет, у меня такой вопрос, есть блок #top, в котором есть 3 блока, #header, #content и #news, первые 2 фиксированной высоту, а 3-ий должен занимать оставшуюся часть блока (по высоте) #top, как это сделать?......гугл говорит написать скрипт, но так же говорит, что это не лучший вариант, хотелось бы это сделать средствами верстки, это возможно? /* Body */ html{ height: 167%; } body{ font-family: 'Titillium Web'; color: #223e48; margin: auto; width: 100%; height: 100%; } /* Main backgrounds */ div#top{ background-image: url(patterns/pattern.jpg); min-width: 940px; width: 100%; min-height: 596px; height: 63%; } div#low{ background-image: url(patterns/pattern_white.j…
0 votes2 answers -
Проблема с таблицей в chrome
Здравствуйте! Есть проблема, которая заключается в том, что в хроме странным образом отображается фон для нижней таблицы http://prk-variant.ru/111/monitoring.html . В хроме выглядит это вот так: В других браузерах все нормально. В общем, хром почему-то заново начинает отчет фона с края каждой ячейки, хотя по идее он этого не должен делать, так как фон задан строке. Заранее спасибо.
0 votes3 answers -
как сделать такой макет
как сделать макет как на изображении ниже: ? Жду ответа.
0 votes20 answers -
Смещение полей
Здравствуйте. Есть страничка http://mobidel2.18r.ru/chat.php. При нажатии на объект из списка, я меняю размер шрифта, но вместе с этим меняется вся ширина строки объекта. Как мне высчитать padding-top и padding-bottom, чтобы после изменения размера шрифта не было смещения линий между объектами. Рассуждал так - раз увеличиваем шрифт с 11px до 13px, то нужно уменьшить поля, убрать сверху и снизу по 1px. Но в итоге все равно происходит смещение. Заранее спасибо!
0 votes1 answer