Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > ширина div блока

Автор: EDuard 19.3.2006, 12:46

Привет!
Есть кнопка 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

Код


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

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

Автор: Ciber SLasH 19.3.2006, 14:12

Код


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

Автор: EDuard 19.3.2006, 14:58

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

Автор: smartov 19.3.2006, 15:04

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

Код


<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

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

Код


<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>