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
-
Как работает height в CSS
Не могу понять какая логика работы свойства height в ниже приведенном примере. table.main { position: absolute; width: 100%; height: 100%; border-collapse: collapse; } Только после добавления position: absolute таблица начинает слушаться и растягивается на всю высоту, хотя width работает корректно в обоих случаях. Без position таблица игнорирует height: 100%, но вполне нормально слушается height: 500px. Подскажите, где я не дочитал учебники?
0 votes21 answers -
проблема с горизонтальным меню в IE7
Подскажите, что я делаю не так есть горизонтальное меню, во всех браузерах, кроме IE7 нормально отображается: В IE7 выглядит так: код: .top-menu{ position: relative; background-color: #b3b3b3; background: url('/img/top-menu-fon.gif') repeat-x; height: 41px; width: 959px; margin-left: 10px; overflow:hidden; } .top-menu a:link, .top-menu a:visited { color: #000; font-size: 13px; font-weight: bold; text-decoration: none; padding-top: 12px; padding-bottom: 13px; padding-left: 60px; padding-right: 60px; text-shadow: 1px 1px 1px white; } .top-menu a:hover, .top-menu a:active { background: url('/img/top-menu-fon-hover.gif') 0 0 repeat-x; color: #fff; fon…
0 votes4 answers -
hover для другого элемента...
есть таблица с ячейками и есть дивы соответствующие каждой ячейки. нужно чтоб при наведении курсора на определенную ячейку изменялся стиль соответствующего дива. как лучше это реализовать? <table> <tr> <td class="cell">ячейка1</td> <td class="cell">ячейка2</td> <td class="cell">ячейка3</td> </tr> </table> <div class="cdiv">1</div> <div class="cdiv">2</div> <div class="cdiv">3</div> у дивов абсолютная позиция. пробывал вкладывать дивы в ячейки, дабы "cell" был для них родительским классом и писать нужный стиль на ховер, но в этом случае opacity дивов работает …
0 votes20 answers -
Проблема с div-ссылкой в Firefox
Суть такова. Делаем портал на php с одним человеком. Дизайн разработал я, а верстал он. Но мы оба не профессионалы в этом деле и так как я пользуюсь браузером Firefox, а он - Opera, то у нас сразу выяснилось много проблем. И вот одна из них, которую мы просто наглухо не можем решить. Дело вот в чём. Разрабатываем топ юзеров, ну блок такой сбоку. Выглядит он примерно так: При наведении курсора на каждый блок он весь как ссылка отображаться должен. То есть не только на текст ника или аватарку, а вообще ка каждый отдельный блок курсор наводишь, он цвет немного меняет и как ссылка отображается. Их CSS таков: .usertop-block-0 { font-family: tahoma, verdana, arial, sans-se…
0 votes10 answers -
Резиновый div с контентом
Помогите подправить стили div с контентом. <div id="content"> Нужно исправить <div id="content"> что бы он красиво сжимался и растягивался для достижения отображения сайта без прокрутки на разрешении больше чем 1024px в ширину. Что бы правый сайт бар не перепрыгивал влево. Сайт kpi.name
0 votes8 answers -
Проблема БГ
Здраствуйте! Прошу вашей помощи в такой проблеме! Есть сайт с фиксированой шириной(980пх)(http://seopremier.com.ua/). Только на главной слайдшоу. БГ сайта должно быть по всей ширине продолжением блоков (образуется контент по середине, а сайт растягивается по всей ширине) Предложите пожалуйста какие-то варианты! Я думал каждый главный элемент (блок) поместить в еще один блок по всей ширине и ему задавать бг, а элементы с контентом прозрачные. Заранее благодарен, Андрей!
0 votes12 answers -
html тег создает белую полосу прокрутки в ie7
Не знаю в чем дело, может кто то сталкивался с таким. Вот скрин http://s61.radikal.ru/i171/1103/67/a0436925b0a3.jpg
0 votes12 answers -
Прозрачный угол для каринки
Сейчас создаю дизайн, задумался смогу ли я это реализвать. Есть объект, он статической высоты стической ширины, вот его фрагмент: Красным выделена своеобразная рамка, в правой части будет текст поэтому там опросов особо то и нету. А что касается картинки, я хочу сделать так, чтобы пользователь заморачивался лишь о высоте картинки и ни в коем случае вручную не обрезал уголки. Тоесть как сделать посредством css и html так, чтобы картинка в div с определенным классом сама себе обрезала уголки в нужном месте? Например вот этак картинка: Нужно чтобы когда её вставили в ДИВ получилось вот так: На что способен я, вы можете видеть в первом изображении. Идеи: Текст будет на фон…
0 votes26 answers -
Текстовый фон
Как сделать, что бы текст в документе был выделен фоном? http://www.hotel-legal.ru/untitled.html В общем так, как когда мы в Word курсором выделяем и копируем часть текста, нужно что бы так же подсвечивался фон постоянно в html как выделенный.
0 votes19 answers -
макет страницы в процентах - запутался, помогите
запутался ... начал делать в дивах ... как сделать такой макте для страницы ... ??? http://www.picatom.com/1t/-14916.html - сделал схемку помогите кодом, а
0 votes6 answers -
Полезные инструменты для вёрстки, посоветуете чего?
Чем пользуетесь при вёрстке? Что может облегчить жизнь и сэкономить время? (Помимо Firebug, Web Developer, MeasureIt)
0 votes21 answers -
Нужна текстовая карусель)
гуглом пользовался...нужного не нашел..В общем каруселька, в которой перелистывается текст вместе с изображением внизу кнопки 1 2 3 4 5...подскажите плизз
0 votes12 answers -
Карта ссылок на изображении - помогите
<body> <div class="center"><img src="img/1.jpg" width="454" height="204" alt=""/></div> <MAP name="somemap"> <AREA shape="rect" coords="2, 2, 140, 196" href="test.ru"> </MAP> </body> </html> сделал такой код для примера... ничего не работает .... жму на картинку никуда не переходит ... в чем проблема ?
0 votes9 answers -
Как избежать вертикального скрола при размещении текста?
Приветствую! При верстке появилась проблема-не знаю, как поместить много текта на странице, чтобы сайт "тянулся".
0 votes14 answers -
Сдача проекта и получение вознаграждения
В общем, как лучше показывать работу клиенту (вёрстка, в основном) и как обезопасить себя от кидка? Слышал, что обычно показывают со своего сайта, а после оплаты дают исходники, но ведь исходники можно и так выдрать, зная этот самый показательный ресурс.
0 votes60 answers -
Зделать как на вконтактке!
Здраствуйте увожаемые Господа прогромисты!!!!! Подскажите как зделать на сайте розпад тегов как на вконтакте!!!!!!!!!!!!! Таблицу пробовал уже не получаеться!!!!!! Помогите прошу Вас!!!!!!
0 votes28 answers -
html5 video autoplay
Добрый день Вы меня можете помнить по теме видеонаблюдение ... (© Симсоны) Не могу победить маленькую для профи, но неразрешимую для ламеров, то есть для меня проблемку: нужно добиться автопроигрывания видеопотока с сервера видеонаблюдения, в коде ниже поток запустится только после правого клика на картинке "contlol" и выборе пункта "открыть видео", а надо чтобы сразу автоматически пошло отображение видеопотока. Код: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Видеонаблюдение в HTML5</title> </head> <body onload="java script:vide…
0 votes11 answers -
Кратность высоты ячейки в таблице
Приветствую всех, курил поиск, толкового ничего не нашел. Я вёрсткой занимаюсь на уровне 1 курса универа (для себя в удовольствие), потому не пинайте сильно. Вопрос в общем какой, табличная верстка, центральный фоновый рисунок, где контент будет, меняется с периодичностью в 150 пикселей по высоте. Если к примеру контент будет занимать 200 пикселей, то фоновый рисунок ячейки уже не стыкуется с фоновым рисунком заключающей ячейки. Вот как должно быть: http://floomby.ru/content/jUif38NlYk/ И как не должно быть: http://floomby.ru/content/0uVFboreEK/ Возможно ли сделать так что б высота ячейки(таблицы) менялась кратно какого-либо числа, независимо от контента? Заранее благода…
0 votes3 answers -
jCarouselLite интересный вариант и установка
Наткнулся на интересный плагин jQ. Называется jCarouselLite. Решил реализовать такой вариант: При нажатие на картинку из списка, не перезагружая страницы, она открывается там, где на макете расположена основная картинка. Стрелочки ниже реализуют переключение следующей картинки, опять-таки не перезагружая страницы. Плагин jCarouselLite позволяет всё это, но проблема в том, что я вообще не понимаю..даже примерно как реализовать подобное, но очень хотел бы разобраться. Думаю эта тема поможет многим, если её развить!
0 votes9 answers -
При наведении на ссылку меню пропадает часть содержимого страницы
Уважаемые, гуру!!! Разъясните, в чём проблема. В IE 7 при наведении на ссылку меню, пропадает часть содержимого страницы, при этом в остальных нормальных браузерах (Мозила, Опера, Google Chrome) всё ок!!! Пробовал валидаторы кода разные, результат тот же, с html знаком, знаком с глюками IE, но тут уже нервы сдают - помогите пожалуйста. Всё бы ничё, но ест ещё юзеры, пользующиеся IE 7 и даже IE6!!! Сайт it-consulting.dp.ua. Заранее благодарен. При необходимости выложу код index-a и css-ника
0 votes3 answers -
Расхождения в размерах
Добрый день! Интересует следующий вопрос: какие расхождения в размерах между psd и готовой версткой допустимы? Я имею ввиду, например, в psd-хе отступ 5px, а в моей верстке 7px. Насколько всё должно быть точно?
0 votes3 answers -
Центрирование ul
Подскажите, возможно ли оно Отцентрировать список ul без указания этому списку ширины? ширина меняется Вообще работает text-align:center; и display:inline; Но при inline элементы становятся уже не блочными и не работают отступы вверх и вниз у ссылок внутри li Вот так на пальцах
0 votes41 answers -
Изображение как ссылка в тексте
Доброго всем времени суток. Появилась небольшая проблема. Хотел изображение сделать ссылкой таким вот способом: #header { width: 990px; height: 179px; text-align: left; } #header a{ text-decoration: none; display: inline; text-transform: lowercase; } <div id="header"> <a href="index.php" ><img src="skins/standart/img/445.png" /></a> </div> Получилось, но не так как хотелось бы. В браузерах Google 9.0.597.98, Safari 5.0.3 , Opera 11.0.1 картинка отображается как нужно, но вот в IE 8.0.6 и MozillaFirefox 3.6.13 вокруг изображения создается контурная линия. Подскажите пожалуйста, как же избавиться от этого недоразумения ?
0 votes2 answers -
Как сделать криво
Возникла такая проблема. Дано: изображения разного размера, выровнены по верхнему краю, оформлены в данный момент div float=left, ессно, если в середине такого списка возникает длинная картинка, об неё "запинается" следующий ряд. Вопрос, как бы такого избежать, при том, что размер картинок будет оставаться разным поэтому и количество их на строке тоже будет разным? Сейчас: Надо: Возможно ли такое?
0 votes29 answers -
Выравниевание по вертикали
Ребят,не могу решить проблему,как с помощью CSS выровнять сайт по вертикали,помогите пожалуйста!)
0 votes12 answers