X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Позиционирование div в таблице
BorodinKO
BorodinKO
Topic Starter сообщение 14.3.2011, 22:59; Ответить: BorodinKO
Сообщение #1


Задача поместить темный прямоугольник div в правый верхний угол таблицы
мой код:
[CSS]<style>
table{
width:220px;
height:120px;
background-color:#FFF;
border: 1px solid #333;
}
h1{
font-family:Arial;
font-size:18px;
}
div{
width:50px;
height:25px;
background-color:#666;
position:absolute;
???????
</style>[/CSS]

<table cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><h1>Text</h1>
<div></div>
</td>
</tr>
</table>

[IMG]http://www.easyfoto.ru/20110314192256037.png[/IMG]
___________________________________________________


Мне нужно что бы было так:
[IMG]http://www.easyfoto.ru/20110314192325610.png[/IMG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kvax_hb
kvax_hb
сообщение 15.3.2011, 10:01; Ответить: kvax_hb
Сообщение #2


[CSS]div{
width:50px;
height:25px;
background-color:#666;
position:absolute;
left:178px;
top:8px;[/CSS]
Считается так left = width:220px - width:50px+ 8px (так это системный отступ у мозилы,хрома, оперы, у IE другое значение ) = 178px;
тоже самые действия делаем для top;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LoaD_hb
LoaD_hb
сообщение 15.3.2011, 10:39; Ответить: LoaD_hb
Сообщение #3


Можно сделать так, я думаю что так проще, хотя кому как:
[CSS]table{
width:220px;
height:120px;
background-color:#FFF;
border: 1px solid #333;
}
h1{
font-family:Arial;
font-size:18px;
float:left;
}
div{
width:50px;
height:25px;
background-color:#666;
position: relative;
float:right;
}[/CSS]

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1605 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5465 29.9.2016, 17:53
автор: -RedEclipse-
Открытая тема (нет новых ответов) при выборе radio в option не скрывались div
0 serj123 6931 17.4.2016, 17:45
автор: -serj123-
Открытая тема (нет новых ответов) Как заставить отображать несколько элементов DIV в одну строку?
2 Aalena 4028 10.1.2016, 10:18
автор: -Aalena-
Открытая тема (нет новых ответов) Фоны в в div'ах расходятся при сужении экрана
1 Balalaaika1 5643 2.6.2015, 19:35
автор: -Degradator-


 



RSS Текстовая версия Сейчас: 25.4.2024, 23:25
Дизайн