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
-
Получить высоту блока
День добрый!!! Необходимо сделать скобочку для блока под ссылки. Вот пример страницы, где выглядит все как надо, пока только в Опере http://izss.ru/Продукция На всякий случай сделал фото http://глобалавто18.рф/img/izss.png Столкнулся с двумя проблемами: 1) Не могу задать блоку с границами высоту родителя. Пробывал задавать высоте значения 100% и inherit, тогда блок становится маленьким, отображаются только границы, будто высота родителя нулевая. Пока задал высоту в 120px. Вот кусочек кода. HTML <div id='links'> <div id='border'></div> <a href='Продукция/Комплектные трансформаторные подстанции'>Комплектные …
0 votes1 answer -
Иконки на сайте
Здраствуйте дорогие друзья помогите немного мне разобраться.В общем картинка ->САМА картинка.Где стрелочка хочу разместить маленькую иконочку как это сделать?
0 votes3 answers -
Ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE
При первом наведении происходит ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE 8 и 10 (в остальных нормально). Вживую (в области основного контента): http://suits.ru CSS: a:link { text-decoration: none; color: #003366; border-bottom: 1px solid #C0C7CE; } a:visited { text-decoration: none; color: #4E5869; border-bottom: 1px solid #C0C7CE; } a:visited:hover, a:hover, a:active, a.active { text-decoration: none; color:#B50000; border-bottom: 1px solid #E7E7E7; } Помогите, пожалуйста, исправить. Может я запрос не так формулирую, но поиск ничего не дал.
0 votes3 answers -
горизонтальное меню:hover с фоном не закрывает слева разделитель
Всем привет! Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. Попробовала margin-left:-1px; -- при наведении курсора этот маrgin закрывает разделитель слева, но из-за этого немного прыгает все меню. Как можно сделать так, чтобы и разделитель слева закрывался фоном при наведении курсора и не было никаких сдвигов .Menu-2 li a { display:block; min-width:130px; height:40px; font-weight:bold; text-align:center; color:#FFF; cursor:pointer;…
0 votes4 answers -
Inline + margin
<div style='float: left; text-align: center; width: 200px; margin: 3px; border: 1px solid black;'> <img src='http://mmoland.ru/webapp/mmoland/files/images/2012/08/image012.jpg'/> <div style='display: inline; margin-bottom: 5px;'> <a href='/catalog/blabla'>blabla</a> </div> </div> Вот этот же код http://jsfiddle.net/fZLkV/2/ Мне нужно центрировать текст ссылки по высоте, но сейчас текст прижат к низу. Я пробовал сделать div (в котором ссылка находится) выше с помощью matgin-bottom. Но он не работает вместе с display: inline. Как бы вы выровняли текст в моем случае?
0 votes4 answers -
Подскажите
Здравствуйте! Подскажите, кто знает. Вот основная тема. В общем, ищу работы для тренировок. Всякие чужие макеты верстать самому для себя конечно полезно, но удовлетворения от этого не так много, как нужно для мотивации к последующим свершениям. Чувствую если так буду продолжать, то такой пламенный интерес к верстке угаснет. Поэтому и хочется найти заказы от живых людей за символические суммы, которые будут служить утешением и хоть малыми, но все таки плодами моей работы. Во-первых можно ли вообще такое найти? А во-вторых можно ли здесь найти подобное, или может есть другие хорошие места именно для поиска легких работ?
0 votes2 answers -
Съезжает боди.
Помогите понять, почему страница кривит. Причем в ИЕ нормально, а мозила и сафари с телефона - глючат. Ссылка удалена
0 votes3 answers -
Вертикальное центрирование внутри блока
И снова очередной чудо-макет. http://jsfiddle.net/gcuxgc71/ В макете кнопка у которой содержимое с классом items_name может быть из одной, двух и трёх строчек. Поэтому остальные блоки нужно всегда выводить по центру. Есть ли возможность не используя таблицы выравнивать текстовые элементы по-вертикали по центру?
0 votes4 answers -
Не функционирует слайдер
Собственно, не работают радио-кнопки у слайдера (внизу) http://codepen.io/anon/pen/PwxGxE Также интересует вопрос как сделать рабочими стрелочки(по центру)?
0 votes2 answers -
возникает пустое место при просмотре в браузере
Помогите пожалуйста понять что за пустое место HTML <div class="rightblock"> <div class="product"> <a href="#" class="cafe"><img src="userfiles/cofe.png" width="135" height="130" alt="cafe"/></a> <a href="#">кофе</a> </div> </div> CSS .rightblock{ width:690px; height:1039px; background:#ffffff; float:left; margin-left:20px; } .product{ width:135px; height:163px; background:#FFFFFF; border:solid 1px #cde151; display:block; } .product …
0 votes2 answers -
Почему в мобильной версии пропадают стили ссылок?
http://www.vvd.su/aktsii/item/126-sdelaj-selfi-vyigraj-iphone сделал карту ссылок, что при наведении на ссылку в картинке выделяется ссылка. но при мобильно-планшетной версии (меньше 767пх)- стили с позициями ссылок исчезают. Почему это происходит? Впрочем всеравно, что поехало,в мобильной версии такие мелкие надписи на картинке и вовсе не видно. Я хотел ссылки подвинуть - а их #raz a:nth-of-type(1) совсем исчезли.
0 votes0 answers -
список определений с классом
Всем привет, Используя список определений с указанием размера хедера в классе будет ли это равноценно по правилам HTML5 и SEO ? Иными словами равноценны ли записи <dt class="h3 ">TEXT</dt> и <h3>TEXT</h3> ?
0 votes2 answers -
Ссылка на каждую страницу! Как?
Вот сделал сайт!!! Но нужно вывести ссылку на каждую его страницу!!! Как это сделать без использования скриптов, задействуя только HTML и CSS?? Пожалуйсто подскажите...Заранее большое спасибо))
0 votes1 answer -
Иконка в меню
Хочу разместить сво иконку ,я создал её, она находиться в папке имг. Хочу как-то в стилях прописать изображение, а потом подключить в пункты меню эту картинку,чего-то не получаеться правильно сделать это, вот фото которое я хочу получить, и архив в котором пытаюсь это сделать. http://www.sharemania.ru/0227236 http://ipicture.ru/uploads/100903/3BZtW9w4xU.jpg
0 votes1 answer -
Выравнивание по центру нескольких div
Добрый день, мастера. Решение своей проблемы я не смог найти поиском. Есть каталог в виде картинок. Каждая картинка обрамлена своим div, который имеет float: left. В результате имеем вывод картинок в виде матрицы с переменным количеством столбцов, зависящим от ширины браузера. Проблема в том, что выводимая матрица получается прижата к левому краю. Очень хочется, чтобы она была по середине. Все находимые в сети приемы выравнивают по середине только один div, в результате матрица превращается в одинокий столбец, но по центру. Нужно же, чтобы по центру была вся матрица. Спасибо.
0 votes3 answers -
Боковые картинки под углом
Jquery 3d carousel. Как можно, например, в такой карусели: http://fredhq.com/projects/roundabout сделать, чтобы картинки сбоку от центральной (справа и слева) были под углом, как здесь: http://www.olympic.org/ (я знаю, что тут флэш). Можно ли такое сделать с помощью css? Если кто делал подобное, помогите пожалуйста.
0 votes3 answers -
Сайдбар поехал
Добрый вечер. Помогите пожалуйста, уже несколько часов пытаюсь сделать сайдбар но все впустую Суть в чем, есть футер контент и сайдбар, все это находится в контейнере. верстаю под wp вот код: <div id="container"> <div id="header">шапка</div> <div id="content">контент</div> <div id="sidebar">Это сайдбар</div> <div id="footer">футер</div> Вот css * { margin: 0; padding: 0; } html {height: 100%;} * html body {height: 100%;} body { min-height: 100%; position: relative; } #container { width:980px; margin:0 auto; } #content { padding-bottom: 100px; margin-right:200px; } #footer { position: absolute; bo…
0 votes2 answers -
как добраться до выделенного тега img?
Здравствуйте. Пытаюсь добавить свойства: .categories-list .category-desc img{ display: block; border-radius:20px; width:620px; } к выделенному синим первому тегу img, но получается, что свойства применяются и ко второму тегу img, выделенному ниже. Как можно выбрать только первый тег img?
0 votes2 answers -
Резина
Здравствуйте! Я сделал так что б картинка была на весь экран, но при добавлении большого количества текста в "центр", текст выходит за пределы картинки, как сделать что б центр растягивался в зависимости от текста. тоесть изначально картинка подгоняется под размер экрана, а потом если текста много то центр растягивался. Куда копать? <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>резина</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="rezina.css" media="all" /> </head> <body> <div class="kartina_up"> …
0 votes0 answers -
оформление при дроблении статьи
Здравствуйте уважаемые вёб мастера и профессионалы своего дела. Не давно пришла идея разделить свои длинные статьи на несколько частей. У меня это получилось, но достаточно коряво. Пытался использовать плагин wordpress "Next Page", но он показался мне не очень удобным, прописал код: <center><div id="page_2"> <?php wp_link_pages('before=Продолжение: '); ?> </div></center> и стиль: #page_2{position:relative;text-shadow: #fff 0px 0px 1px;color: #a0a0a0;text-align: center;border: 1px solid;border-color: #d9d9d9;padding: 2px 6px 2px 6px; font-weight: bold; height: 13px;width:140px;border-radius: 7px 0px 7px 0px;padding: 7px;margi…
0 votes3 answers -
Дотянуть div до футера
Собственно сабж Абсолютное позиционирование не подходит, так как скол не появится, когда разрешения монитора маленькое.
0 votes0 answers -
Блок с текстом и фиксированной высотой
http://4tab.pavelzheglov.ru/sample.html Там, где выводится сейчас анонс статьи, размещен абзац с фиксированной величиной. Надо сделать так, чтобы при при растягивании и сжатии шаблона текст реагировал так же, но чтобы его не было видно за пределами блока, как сейчас. Т.е., допустим, на сайте будет подгружаться 1000 символов анонса, но при разрешении 1024 по ширине видно будет только 600 символов, а при разрешении большем будут вылезать остальные строки, т.к. ширина блока будет увеличиваться пропорционально. На последнюю строку скорее всего сделаю затухание белым полупрозрачным градиентом.
0 votes5 answers -
Проблема с градиентом
Приветствую камрады. Уже неделю как изучаю css, дошло дело до практики, хочу сверстать шаблон применяя фишки css3. А конкретно сделать файски у блоков. И столкнулся с проблемой Для создание файски применяю следующий код . block { background: #f3f3f3; height: 56px; margin: 15px 0 15px 0; background: linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -ms-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -moz-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -o-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -webkit-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); } Как я понял…
0 votes2 answers -
Интерактивная Форма
Доброе время суток! Помогите решить вопрос с такой формой: Допустим имеется инпут Select, и выбираешь один пункт из него, ниже отображается одни поля для заполнения, выбираешь другой пункт отображаются другие поля для заполнения. Вопрос - можно ли такое реализовать без JavaScript и HTML5 ? Если нельзя, то как такое реализовать на JavaScript так, что бы поддерживали все браузера начиная с IE6? Всем взаранее спасибо.
0 votes3 answers -
Помогите сделать резиновый шаблон
Всем доброго дня, У меня есть медицинский сайт http://lechim-uxo.ru я хочу сделать его резиновым т есть на всю ширину экрана, но некоторых правил я не знаю. Помогите сделать.... Есть еще вторая проблема: У меня 3 блока левое меню, цент и правое Но есть проблема, с 3 блока все переваливаеться в центральный блок, не могу понять где ошибка, помогите....
0 votes7 answers