Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 17.06.2011 20:44

Путник
Новичок
Зарегистрирован: 25.04.2011
Сообщений: 6

Как задать определенную ширину для checkbox?

Есть примерно такой код:

Код:


Название картинки

Нужно, чтобы правый край чекбокса был выровнен по правому краю картинки. Первое, что пришло на ум, это padding-right = ширина картинки - ширина чекбокса, но как точно ее задать?

Ну и еще один вопрос про checkbox - как его расположить по середине дива по высоте?

Отредактированно Путник (17.06.2011 20:48)

Нет на форуме

 

#2 17.06.2011 23:44

tapazukk
Опытный
Зарегистрирован: 16.01.2010
Сообщений: 349
Вебсайт

Re: Как задать определенную ширину для checkbox?

Простите, а каков смысл использования списка определений в данном случае?
Наверняка можно и обойтись без js.
   

checkbox - как его расположить по середине дива по высоте?

Можно так:
css:

Код:


 

Код:


Если смущяют условные комментарии и expression, то при условии что у родителя задана высота, спозиционировать можно так:

Код:

#cont{border:1px solid red; height:250px;
                   position:relative;}
#cont input{ position:absolute;
                   top:50%;
                   margin-top:-1em;}

Отредактированно tapazukk (17.06.2011 23:46)

Нет на форуме

 

#3 18.06.2011 02:46

Путник
Новичок
Зарегистрирован: 25.04.2011
Сообщений: 6

Re: Как задать определенную ширину для checkbox?

Список определений нужен для того, чтобы и без CSS документ выглядел нормально. Тем более, выглядит вполне логично, что в

указано название картинки, а в
ее описание. Кроме того,
и
значительно компактнее, чем
.

Условные комментарии действительно смущают, больше нравится второй вариант. Но что делать, если блок #cont уже спозиционирован, как absolute?

Нет на форуме

 

#4 22.06.2011 12:47

ash
Новичок
Откуда: Москва
Зарегистрирован: 28.04.2011
Сообщений: 28
Вебсайт

Re: Как задать определенную ширину для checkbox?

А в чём проблема? #cont сделан как relative только для того, чтобы относительно него абсолютно позиционировать инпут, а для этого и position: absolute подойдет вполне.


actually, my native language is C++

Нет на форуме

 

Board footer