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
-
Высота блоков
Помогите, пожалуйста, разобраться с проблемой. Дело в том, что есть 3 колонки с фиксированной высотой. Но почему-то Webkit'ы и Firefox отображают их по разному. Firefox: Webkit'ы: Сама верстка: https://googledrive.com/host/0B6IlwqUO2fshQXYtM2dZWnNBVnM/
0 votes11 answers -
Объединение ячеек CSS3
Как объединить ячейки без иcпользования colspan, а с помощью CSS3?
0 votes11 answers -
overflow hidden и невозможность перекрыть границы
http://jsfiddle.net/p65S9/1/ Вот такая ситуация. Стоит поставить обрезание - как нельзя поместить внутренний слой поверх границ так - чтобы слой перекрывал эти границы. Как это обойти?
0 votes11 answers -
Таблицы, позиционирование и задача
http://jsfiddle.net/7R4a9/1/ Вот эффект, который должен получится (видно в хроме). В мозилле не работает по понятным причинам. Вопрос - как сделать тоже самое в мозилле? Можно использовать лишние обертки и хаки. Цифры всегда должны быть вертикально посередине (то есть если мы оборачиваем цифры в обычный див - их уже не выровнять по центру, а высота ячейки изначально неизвестна). я использую в том числе jquery для решения проблемы, но дело в том. что таблица при загрузке невидима и нужно будет при каждом открывании таблицы высчитывать высоту div и line-height (для решения проблемы). но мне этого делать не хочется (плюс line-height не самое лучшее решение - вдруг данные в я…
0 votes11 answers -
Менюшка работает только в firefox и Safari ((
Ребята помогите, ибо уже завязался с этой темой а решить вопрос не могу. Есть сайт, там менюшка состоит из 4 кубов при навидении они вращаются. но это работает только в Firefox и Safari.Помогите. Пример брал отсюда http://pcvector.net/scripts/layout_and_interface/338-effekt-vraschayuschegosya-kuba.html
0 votes11 answers -
Как можно сделать клик по фону?
Есть блок с текстом и фоновым изображением. Вот пример http://jsfiddle.net/mGW6E/ Как можно отследить клик именно по фоновому изображению? Не по тексту и не по пустому месту, а именно по фоновой картинке?
0 votes11 answers -
Странная анимация цвета
http://jsfiddle.net/Zverushka/D2x4y/ Вы можете заметить, что при анимации цвет сначала становится темнее, а в конце анимации светлее - почему?
0 votes11 answers -
Подскажите как сделать картинки одного размера.
Есть код <link rel="stylesheet" href="http://ergodesign.biz/application/maxsite/templates/nic/css/style.css"><table><tr><td><a href="http://ergodesign.biz/uploads/grusha_arozo2.jpg"> <img src="http://ergodesign.biz/uploads/grusha_arozo2.jpg"></a> </td><td><a href="http://ergodesign.biz/uploads/grusha.jpg"> <img src="http://ergodesign.biz/uploads/grusha.jpg"></a></td><td><a href="http://ergodesign.biz/uploads/oreh_temnij2.jpg"> <img src="http://ergodesign.biz/uploads/oreh_temnij2.jpg"></a></td><td> <a href="http://ergodesign.biz/uploads/klen_vankuver1.jpg"&g…
0 votes11 answers -
Тестирование верстки в старых IE под Windows 8.1
Здравствуйте! Обновила компьютер. Установила Windows 8.1 - лицензионную, Для тестирования верстки были скачаны с сайта modern.ie виртуальные машины с соответствующими браузерами. Все так, как советует сама Майкрософт. Попробовала протестировать первую страницу. Загрузка страницы длится примерно секунд 50! Это же немыслимо! Никто не пользуется виртуалками для тестирования именно на W8? На W7 было тоже не быстро, но не так! Так разве должно быть?
0 votes11 answers -
Ищу учителя/наставника/товарища
Добрый день уважаемые форумчане. Ищу учителя/наставника по верстке. Недавно стал интересоваться данной темой, прочел литературу, на данный момент практикуюсь на бесплатных макетах psd.. Очень хочется за спиной опытного человека, который даст мне задания и подзатыльники. Свободное время у меня есть, огромное желание изучить азы и нюансы верстки html+css, не сижу сложа руки, постоянно просматриваю статьи, читаю книги (пока на стадии изучения английского, через месяц начну читать зарубежную литературу), схватываю информацию легко, ответственный, трудолюбивый. Со временем ( если наставника устроит качество работы) могу взяться за выполнение мелких заказов которые поступаю…
0 votes11 answers -
Выравнивание последней строки
Как сделать выравние последней строки так, чтобы картинки шли под позицией верхних, а не как для центра и не пойми как по всей ширине: center: http://jsbin.com/ogiPEgiS/1/edit justify: http://jsbin.com/otavaFIQ/2/edit Т.е. выравнивание должно быть по центру. 3яя строка должна быть в той же позиции что и 2ая, только без 3его элемента.
0 votes11 answers -
Горизонтальное меню
Есть блок div с шириной 900px и с высотой 40px. В ней создан список li со ссылками внутри. 5 штук. Как сделать что бы был отступ с левого и правого борта блока на 41px, а остальное растянулись исходя из этого? Да и как выравнить сами ссылки по центру блока?
0 votes11 answers -
div в оставшуюся высоту экрана
Ребята привет. Делема в том, что нужно растянуть div.conteiner во всю оставшуюся от шапки div.head высоту экрана, что бы не появлялась полоса прокрутки. Вот код http://jsfiddle.net/MsnWg/12/ Подскажите пожалуйста как можно сделать.
0 votes11 answers -
Секмантика
Всем привет есть заголовок в котором два слова. Первое слово заглавными буквами второе прописными. Вопрос с точки зрения семантики правильно ли так писать <h2>слово1<span>слово2</span></h2> потом в ксс h2{ text-transform: uppercase } спасибо
0 votes11 answers -
Форма на css/css3
Здравствуйте. Как сделать подобную форму на css/css3?
0 votes11 answers -
"Обрезка" и выравнивание картинок (как сделать?)
Здрасте всем. вот пример: http://brendov.com/news-actions часть картинок в каталоге имеет разные пропорции. из-за этого строки с товарами получаются разной высоты. заранее делать предобработку картинки клиент не сможет, там просто некому. подскажите решение, как сделать картинки одинаковыми по высоте, при этом перекрывая обрамляющим элементом "уши" картинки? P.S. есть подозрение, что очень просто, но видимо я заработался, и не вижу решения в упор.
0 votes11 answers -
Выровнять меню
Как выровнять синие блоки чтобы они были стык в стык с красными (с нижним левым уголком)? http://jsfiddle.net/HZ3yR/2/
0 votes11 answers -
Проблема с first-child
Помогите разобраться. Есть два кода в которых используется для снятия левой границы следующая конструкция nav section:first-child ul{ border-left: 0 none; }Первый работает хорошо: <nav> <section> <h3>О КОМПАНИИ</h3> <ul> <li><a href="#">История создания</a></li> <li><a href="#">Персонал</a></li> </ul> </section> <section> <h3>СЕРВИС</h3> <ul> <li><a href="#">Обслуживание</a></li> <li><a href="#">Партнеры</a></li> <li><a href="#">Предложения</a></li> <…
0 votes11 answers -
Меню на всю ширину блока.
Здравствуйте! Есть задача сверстать такое меню: Сначала подумала сделать имитацией таблицы, но вроде был способ с помощью inline-block, Посоветуйте, что лучше? Где можно посмотреть примеры решений?
0 votes11 answers -
Меню из квадратных элементов
Пытаюсь сверстать меню из квадратных кнопок. Задача в том, чтобы они пропорционально уменьшались при уменьшении экрана и если им не хватает места, то переходили на следующую строку. Вот ссылка на то, что я намудрил http://jsfiddle.net/RSW45/ Однако почему-то меню получается не квадратное, а прямоугольное. И можно ли убрать отступы справа и снизу или нало использовать float:left? Правда во втором случае будет проблема как сделать, чтобы меню было всегда поцентру.
0 votes11 answers -
Плюсы и минусы верстки
Здравствуйте. Скажите, пожалуйста, все плюсы и минусы этой верстки. http://itmages.ru/image/view/1558163/bc9bb30a @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { width: 300px; margin-left: 390px; margin-bottom: 0px; padding: 0px 0px 25px 0px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { marg…
0 votes11 answers -
robots.txt
Здравствуйте. Моему сайту (http://kovkavolgograd.ru/) три месяца. Индексируется в яндексе только одна страница. robots.txt брал с интернета. Подскажите какие строчки в robots.txt запрещают индексацию страниц сайта и записей сайта? Disallow: /wp-login.php Disallow: /wp-register.php Disallow: /webstat/ Disallow: /feed/ Disallow: /trackback Disallow: */trackback Disallow: */feed Disallow: */comments Disallow: /*?* Disallow: /*? Disallow: /category/*/* Disallow: /wp-content/ Disallow: /wp-admin/ Disallow: /wp-includes/ Disallow: /comments С Ув.
0 votes11 answers -
Резиновые блоки с пропорциональными размерами
Я думаю решение есть, но не знаю, как оно называется и по каким ключевым словам искать. Нужно реализовать пару резиновых сеток из 8 и 6 блоков с пропорциональными размерами. Прикреплю изображения, чтобы было наглядно. В первом случае это квадраты, сторона квадрата = 25% ширины окна браузера. Во втором случае 4 квадрата и 2 прамоугольника, сторона квадрата = 25% ширины окна браузера, наибольшая сторона прямоугольника = 50% ширины окна браузера. Надеюсь, можно обойтись без скриптов, если да, то что использовать? Что-то у меня нет никаких идей по поводу пропорционального изменния высоты блоков. Спасибо.
0 votes11 answers -
Проблема со спрайтами
http://zverushka.100ms.ru/dantist/ В айпаде и вроде в айфоне - лишняяя полоса - уже и так и сяк, а не могу ее убрать А эта проблема только в сафари. У кнопки установлен transform scale.
0 votes11 answers -
стилизация скролла со смещением
помогите пожалуйста советом страничка из трёх колонок. вёрстка готова полностью и колонки подвинуть нет возможности. при этом клиент просит добавить стилизованный левый скролл левой колонке. я пробовал некоторые js-плагины, но все они работают по принципу: ограничить область и отсечь при помощи overflow: hidden родной скроллдобавить ВНУТРЬ контейнера новый(стилизованный) скроллпроблема в том, что в моём случае стилизованный скролл должен быть смещён влево за пределы контейнера, что невозможно при действующем overflow: hidden. при этом он должен быть изъят из потока(то есть не влиять на элементы центральной колонки) вот такая безвыходная ситуация. может кто-нибудь пос…
0 votes11 answers