Вопросы по CSS - [22] :: Web-программирование :: Компьютерный форум Ru.Board

Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Открыть новую тему

Написать ответ в эту тему

Xrobak

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Ссылки для самостоятельного изучения:

Теория + примеры + учебники:
• W3School: CSS Tutorial
• MDN: Cascading Style Sheets (CSS)
• WebReference: Уроки по HTML и CSS
• htmlbook: Справочник CSS
• YouTube: Основы CSS/CSS3
• CSS для JavaScript-разработчика
• Основы CSS - каскадные таблицы стилей
• Статьи по основам CSS

Применение на практике:
• StackOverflow: 'CSS' Questions
• CSS-Tricks

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019

Junior Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

есть простой код.
код
нужно получить закругленные углы у менюшки. в лисе и осле все намана, а в опере и хромом вот такая порнография:

элементы менюшки вылезают из закругленных углов. что я неправильно сделал?

Добавлено:
position: absolute добавил....

Добавлено:
вот что нашел, но это для хромого, для оперы не подходит.

Всего записей: 35 | Зарегистр. 05-02-2005 | Отправлено: 17:18 09-04-2012 | Исправлено: CoolCmd, 18:52 09-04-2012

Ruslan_Bondarev

Newbie

Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

Приветствую, правил css меню, горизонтальное выпадающее 2 уровня... меню честно говоря стырил с дрома

)) передал под себя, всё работает, только под браузером IE выпадающее меню не подсвечивается при наведении, код:
Код:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js.js"></script>
<style>
table                 { border-collapse: collapse; width: 1024px }
td                    { vertical-align: top; padding: 0 }
.menu                { background-color: #FBD8DE; margin: 0 0 10px 0; _margin-bottom: -3px }
.menu td             { height: 23px; text-align: center; width: 20% }
.menu div             { position: relative; background-color:#FBD8DE }
.menu a                { color: #000 !important; text-decoration: none; background-color:#FBD8DE; display: block; padding: 0px 0px 1px 0px; height: 23px }
.menu .hover                { background-color: #F8EFA8 }
.menu .hover div            { background-color: #F8EFA8 }
.menu .hover a                { background-color: #F8EFA8 }
.menu td .sub                { height: 12px; display: none; position: absolute; left: 0; right: 0; top: 23px; text-align: left; font-size: 12px; z-index: 1 }
.menu td .sub div            { background-color: #FBD8DE }
.menu td .sub div:hover        { background-color: #F8EFA8; color: #fff; zoom: 1.05 }
.menu td .sub a                { color: #d2d2d2; background: none; padding: 0px 10px 10px 0px; text-align: center; height: 12px }
</style>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<table class="menu" align="center">
<td><div><a href="index.php"><span style="font-size:16pt;"><font face="Zrnic Cyr">Главная</font></span></a></div></td><td><div><a href="works.php"><span style="font-size:16pt;"><font face="Zrnic Cyr">Работы </font></span></a><font face="Zrnic Cyr"></font><div class="sub"><div class=""><a href="works.php#obl"><span style="font-size:14pt;"><font face="Zrnic Cyr">Обложки на паспорт</font></span></a><font face="Zrnic Cyr"></font><span style="font-size:14pt;"></span></div><div class=""><a href="works.php#otkr"><span
style="font-size:14pt;"><font face="Zrnic Cyr">Открытки</font></span></a><font face="Zrnic Cyr"></font><span style="font-size:14pt;"></span></div><div class=""><a href="works.php#prigl"><span style="font-size:14pt;"><font face="Zrnic Cyr">Приглашения</font></span></a><font face="Zrnic Cyr"></font><span
style="font-size:14pt;"></span></div><div class=""><a href="works.php#korob"><span style="font-size:14pt;"><font face="Zrnic Cyr">Коробочки, бонбоньерки...</font></span></a><font face="Zrnic Cyr"></font><span style="font-size:14pt;"></span></div><div class=""><a href="works.php#foto"><span style="font-size:14pt;"><font face="Zrnic Cyr">Фотоальбомы</font></span></a><font face="Zrnic Cyr"></font><span style="font-size:14pt;"></span></div><div class=""><a href="works.php#raznoe"><span style="font-size:14pt;"><font
face="Zrnic Cyr">Разное</font></span></a></div></div></div></td></td><td><div><a href="usl.php"><span
style="font-size:16pt;"><font face="Zrnic Cyr">Условия заказа</font></span></a></div></td><td><div><a href="contacts.php"><span style="font-size:16pt;"><font face="Zrnic Cyr">Контакты</font></span></a></div></td><td><div><a href="http://vk.com/club_handworkdv"><span style="font-size:16pt;"><font face="Zrnic Cyr">Мы Вконтакте.ру</font></span></a></div></td></table>
</body>

вот пример
спасибо...

Всего записей: 8 | Зарегистр. 01-11-2011 | Отправлено: 11:10 19-04-2012

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

здравствуйте

подскажите можно как нибудь посмотреть какой тип применен у того или иного объекта?
просто стили подгружаются из внешний файлов а их много не могу обнаружить какой стиль влияет на свойство объекта
можно ли как переопределить его если он задан в каком то из подгруженных css файлов?
заранее благодарен

Всего записей: 1498 | Зарегистр. 07-09-2004 | Отправлено: 17:00 20-12-2012 | Исправлено: tolyn77, 09:47 21-12-2012

Botovskiu

Junior Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

СТИЛЬ CSS ДЛЯ ФОТО, как реализовать такое не совсем понял, где то видел пример.

Есть област изображения 200x200
Если фотка 360x240 то в область изображения попадёт только 200x200

Кто ни будь понял что я хочу ??

Можно стиль сделать что бы искажалось изображение, но это не красиво.
Просто есть фотки 360x240 и 320x220 и 380x260, и при загрузки на сайт скрипт уменьшает их но они все равно не ровные, делали так что бы все фото одного размера были через скрипт, но некоторые фото искаженные, вот и хотим стиль css такой что бы он не искал, а просто определенную область показывал фото.

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 19:17 23-12-2012

regkz Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору всем привет, подскажите как мне наложить один div на другой. нужно чтобы из этого получилось это
	Всего записей: 1137 \| Зарегистр. 16-01-2007 \| Отправлено: 20:07 23-12-2012

OLEX

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

regkz

див-родитель - position: relative;
див-чайлд - position: absolute; left: 10px; bottom: 10px;

Добавлено:
Botovskiu

<style>
.fotoOuter {width: 200px; height: 200px; overflow: hidden;}
.fotoOuter img {min-width: 200px; min-height: 200px; }
</style>

<div class='fotoOuter'>
<img src="тут фотка">
</div>

Добавлено:
Ruslan_Bondarev
в IE :hover работает только для ссылок

----------
Отче Наш, иже еси в моем PC. Да святится имя и расширение Твоё. ENTER.

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 23:23 23-12-2012

evoroz Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору tolyn77 Во внешней программе, например, Dreamweaver. Alt + мышь на объект. Переопределить там же.
	Всего записей: 3487 \| Зарегистр. 30-03-2002 \| Отправлено: 23:59 23-12-2012

OLEX

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

tolyn77
в любом современном браузере есть под правой кнопкой на элементе - "Просмотр кода элемента" или как-то так. Там вся инфа о стилях, и в каком файле и на какой строчке файла этот стиль находится.

Добавлено:
evoroz
какая внешняя если есть браузер

----------
Отче Наш, иже еси в моем PC. Да святится имя и расширение Твоё. ENTER.

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 00:33 24-12-2012

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

OLEX
код то я смотрю только вот стиля не могу найти какой используется на этом объекте
"<table id="forecastTable" cellpadding="0" cellspacing="0">"
но вот в стилях не могу найти #forecastTable
evoroz
спасибо попробую. а чего нибудь специально для стилей нет?

Всего записей: 1498 | Зарегистр. 07-09-2004 | Отправлено: 07:52 24-12-2012

OLEX

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

tolyn77
я не про код, а про "чего нибудь специально для стилей" которое встроено в любом нормальном браузере.

В Хроме - инструменты разработчика в меню (F12) или "Просмотр кода элемента" под правой кнопкой на нужном элементе.
В файрфоксе - Inspect Element или плугин Firebug под правой кнопкой на нужном элементе
В Опере - Проинспектировать элемент под правой кнопкой на нужном элементе.
итд

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 08:15 24-12-2012

regkz

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

OLEX

Цитата:

див-родитель - position: relative; див-чайлд - position: absolute; left: 10px; bottom: 10px;

спасибо, так и делал, но следующий див куда-то съезжал, но в вашем варианте всё работает, видимо мозг закипел и что-то пропустил

Всего записей: 1137 | Зарегистр. 16-01-2007 | Отправлено: 09:08 24-12-2012

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

OLEX
спасибо очень понравился dom inspector
нашел я этот стиль
#main td {
padding-left: 10px;
}
не подскажите как его можно переопределить для одной конкретной таблицы?
<table id="forecastTable" cellpadding="0" cellspacing="0">

заранее благодарен

Всего записей: 1498 | Зарегистр. 07-09-2004 | Отправлено: 09:17 24-12-2012 | Исправлено: tolyn77, 10:07 24-12-2012

evoroz

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:

какая внешняя если есть браузер

В DW полнее информация показывается.

Всего записей: 3487 | Зарегистр. 30-03-2002 | Отправлено: 12:36 24-12-2012

OLEX

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

evoroz
да неужели?

Файрбаг в файрфоксе:

Добавлено:
И там еще можно отключать отдельные свойства или добавлять новые, и результат сразу виден в браузере.

Добавлено:
tolyn77

#forecastTable td {
тут нужный стиль
}

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 17:49 24-12-2012 | Исправлено: OLEX, 18:07 24-12-2012

evoroz Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Про плагин не знал
	Всего записей: 3487 \| Зарегистр. 30-03-2002 \| Отправлено: 20:50 24-12-2012

OLEX Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору evoroz какой плагин? первый мой скрин это родной инспектор файрфокса, тот же что у тебя, только я нажал кнопочьку style внизу
	Всего записей: 3590 \| Зарегистр. 09-07-2002 \| Отправлено: 21:32 24-12-2012

tolyn77 Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору OLEX спсб помогло
	Всего записей: 1498 \| Зарегистр. 07-09-2004 \| Отправлено: 07:57 25-12-2012

regkz

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

привет, подскажите как выставить высоту в процентах? почитал здесь, всё понятно, но как выставить высоту боди в зависимости от высоты высоты окна? высчитать высоту можно так, но как быть дальше понять не могу.

Всего записей: 1137 | Зарегистр. 16-01-2007 | Отправлено: 21:57 27-12-2012

regkz Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору вопрос снят, допёр что и как
	Всего записей: 1137 \| Зарегистр. 16-01-2007 \| Отправлено: 11:00 28-12-2012

regkz

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

всем привет, помогите с размещением слоёв, есть css

Код:

.address_left{
    position: absolute; left: 92px; bottom: 7px;
    width: 3px;
height: 24px;
background: url(./images/address_left.png) no-repeat;
}

.address_center{
    position: absolute; left: 95px; bottom: 7px;

height: 24px;
background: url(./images/address_center.png) repeat-x;
}

.address_right{
    position: absolute; right:325px; bottom: 7px;
    padding-left: 5px;
    /*width: 30px;
height: 24px;
background: url(./images/address_right.png) no-repeat;
}

в коде пишу

Код:

<div class="address_left"></div><div class="address_center"></div><div class="address_right"></div>

но почему-то пространство между слоями address_left и address_right не заполняется, что я не так делаю? мне нужно, чтобы при изменении размера окна размер связки address_left-address_center-address_right менялся тоже

Всего записей: 1137 | Зарегистр. 16-01-2007 | Отправлено: 22:08 11-01-2013

Открыть новую тему

Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC