Форум Сайтостроение Веб-строительство

вопрос по верстке

12
F
На сайте с 24.04.2009
Offline
45
Fearful
#11
Chukcha:
я до такой степени ленивый (сейчас), что мне в лом моделировать вашу ситуацию

1. Рисуйте таблицу,
2 рисуйте css
Показывайте здесь
Чтоб можно преспокойно скопипастить


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

	<title></title>

	<meta http-equiv="content-type" content="text/html; charset=windows-1251">

</head>

<body>

   <div style="width:200px;float:right;border:1px solid black;height:480px;display:block;"></div>

   <div style="display:block;padding-right:210px;">

	<table width="100%" border="0">

		<tr>

			<td >Сортировать по:</td>

			<td>Ваша валюта:</td>

			<td>Регион:</td>

		</tr>

		<tr>

			<td style="width:350px"><a href="#">цене</a>&nbsp;&nbsp;<a href="#">популярности</a>&nbsp;&nbsp;<a href="#">наименованию</a>&nbsp;&nbsp;<b >новизне</b></td>

			<td style="width:200px"><a href="#">рубль</a>&nbsp;&nbsp;<a href="#">доллар</a>&nbsp;&nbsp;<b>евро</b></td>	

			<td><b>Россия » Москва и Московская обл.</b>&nbsp;&nbsp;<a href="#" >изменить</a></td>

		</tr>

	</table>

   </div>

</body>

</html>
C
На сайте с 04.02.2005
Offline
277
Chukcha
#12

оберните содержимое ячейки в блок

определите этому блоку relative

ссылку absolute right 

<td style="">

<div style="position: relative; min-width: 20px; height: 15px; overflow: hidden;"><b>Россия » Москва и Московская обл.</b>&nbsp;&nbsp;<a style="position: absolute; right: 0pt; top: 0pt;" href="#">изменить</a>

</div></td>
F
На сайте с 24.04.2009
Offline
45
Fearful
#13
Chukcha:
оберните содержимое ячейки в блок
определите этому блоку relative
ссылку absolute right

Вся загвоздка в том что ссылка должны быть сразу за текстом. А у вас получается справа и наезжает на текст при уменьшении ширины. Но за идею спасибо.

Добавил div'у float:left, <b> заменил на <span>, поигрался с отступами и фоном и получил рабочий вариант. 


<td>

<div style="position: relative; min-width: 20px; height: 15px; overflow: hidden;float:left;"><span style="padding-right:60px;">Россия » Москва и Московская обл.</span>&nbsp;&nbsp;<a style="position: absolute; right: 0pt; top: 0pt;background-color:#ffffff;padding-left:3px;" href="#">изменить</a>

</div></td>
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий