Чиним YouTube на Опере.
Через оперу на сайте YouTube’а появляется горизонтальная прокрутка. Чтобы её убрать создаём файл style.css, через блокнот вписываем в него #baseDiv {overflow:hidden;} и применяем его к сайту ютуба. Для этого открываем сайт через оперу, жмём правой кнопкой мыши по пустому пространству, в меню выбираем “Edit Site Preferences” (Настройки Сайта), далее на вкладке Display (Отобразить) нажимаем Choose (Обзор) и ищем наш style.css и ок. Всё!

Twitter
 

Мысли и Повести

Короткое Дыхание
О Забытом
Мысли в Слух
Золотой Бубен

Веб Дизайн

Портфолио
Цены
Контакты

Творчество

Мои Стихи
Моя Музыка
Моя Галерея

Разное

Counter-Strike
Grand Theft Auto

Аккаунт

Регистрация
 
[CSS] Изменяем цвет бордера для SELECT в IE E-mail Печать

В общем вот такая конструкция:

<div style="border:1px solid #ff0000; overflow: hidden; float:left;">
     <select style="margin:-1px;">
 	        <option>Value 1</option>
 	        <option>Value 2</option>
 	        <option>Value 3</option>
     </select>
</div>

Overflow: hidden для обрезания бордера от селекта, Float: left для обтекания дива вокруг селекта, Margin: -1px для того, чтобы бордер селекта выходил за рамки дива и после чего обрезался. Цвет бордера задаём при этом диву.
Обновлено ( 04.02.2010 05:01 ) | Автор: Daniel De SerDIDG 29.08.2009 00:01

Комментарии  

 
+1 # art 2010-02-05 13:56 нештяк, то что надо. сейчас забацаем красивенькую формочку
заодно с молчаливого согласия перепосчу у себя, больше людей должны узнать об этом Ответить | Ответить с цитатой | Цитировать
 
 
0 # Daniel De SerDIDG 2010-02-12 22:01 А я и не против. Уже много кто перепостил =) Ответить | Ответить с цитатой | Цитировать
 
 
0 # Anchel 2010-11-19 03:50 Спасибо, хороший вариант. Но есть свои 'но'. Здесь шрифт не задан, поэтому не видно, но если шрифт в селекте менее 12px, то в IE начинаются небольшие проблемки. У селекта покажется верхняя граница.

Например, в селекте задан шрифт font:11px verdana;
Тогда, диву ставим vertical-align:middle и подгоняем высоту дива. В IE будет нормально, а чтобы при этом высота дива и в геко-браузерах не плясала, через дочерний селектор ставим ей auto.
Добавочный CSS код (к имеющемуся в примере) будет такой:
<style>
.bs {vertical-align:middle; height:19px;}
.bs select {font:11px verdana;}
html>body .bs {height:auto;}
</style>
Ну и соотв., имя класса пишем в диве. Если шрифт 10px, высоту дива уменьшаем на 1px и т.д. Ответить | Ответить с цитатой | Цитировать