VPF::ширина div блока - Форум программистов

EDuard

Дата 19.3.2006, 12:46 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7

Привет!
Есть кнопка Submit

Для нее прописаны правила:

Код


.button{
border: 3px double #333333;
font: 12px Tahoma, Verdana;
color: #333333;
background-color: #FFFFFF;
cursor : hand;
}

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

P.S. кнопка должна быть выранена по центру родительского элемента.

--------------------

Ciber SLasH

Дата 19.3.2006, 13:32 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67

Код


body {background: aqua}
div {width: 1px; background: white}
button {border: 3px double #333; font: 12px Tahoma, Verdana; color: #333; background: white; cursor: hand}

Код


<div><button>submit</button></div>

EDuard

Дата 19.3.2006, 13:44 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7

Ciber SLasH, в ИЕ и Лисе нормально, а в опере вместо белого кнопку смещает к левому краю.

--------------------

Ciber SLasH

Дата 19.3.2006, 14:12 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67

Код


div {width: 50px; line-height: 1px; background: white}

EDuard

Дата 19.3.2006, 14:58 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7

Ciber SLasH, прижимает кнопку к левому каю и красит 50px от левого края.
Тут нужно что-то особенное. Все что мог придумать все перепробывал, в опере ничто не помогает.

--------------------

smartov

Дата 19.3.2006, 15:04 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

Ну вот сейчас ты поставил бэкграунд белый на самой кнопе и все что надо - белое, а именно - пробел между линиями бордера. По крайней мере в Лисе.

Код


<body bgcolor="red">

<style>

.button{
border: 3px double #333333;
font: 12px Tahoma, Verdana;
color: #333333;
background-color: #FFFFFF;
cursor : hand;
}

</style>

<input type="button" class="button" value="test test">

</body>

Ты меняешь bg у кнопки или что?

smartov

Дата 19.3.2006, 15:23 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

Перечитал ответы. Надо ж сразу уточнять, что в Опере.

Код


<body bgcolor="red">

<style>

.button{
border: 3px double #333333;
font: 12px Tahoma, Verdana;
color: #333333;
background-color: #cccccc;
cursor : hand;
}

</style>

<table border="0" cellpadding="0" cellspacing="0" align="center"><tr><td bgcolor="white"><input type="button" class="button" value="test test"></div></td></tr></table>

</body>

Это сообщение отредактировал(а) smartov - 19.3.2006, 15:23

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »