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

12
F
На сайте с 24.04.2009
Offline
45
846

Есть таблица, 2 столбца фиксированной ширины, и третий с динамической шириной. При ширине окна 1280 пикселей, текст и ссылка занимают одну строку. При уменьшении ширины в какой то момент происходит перенос на вторую строку.

Вот тут возникает вопрос, как сделать что бы текст который не влазит скрывался, а не переносился на новую строку, а ссылка была всегда видима и находилась с краю от текста.

jpg 1.jpg
PVasili
На сайте с 13.02.2009
Offline
66
#1

Сложно лечить пациента по фото :)

Попробуйте сдеалать так

C
На сайте с 04.02.2005
Offline
291
#2

ссылка должна быть position:fixed для ячейки

ячейка overflow:hidden

F
На сайте с 24.04.2009
Offline
45
#3
Chukcha:
ссылка должна быть position:fixed для ячейки
ячейка overflow:hidden

Все равно переносит на вторую строку, а ссылка вылазит за ячейку

PVasili:
Сложно лечить пациента по фото :)

Приложил более наглядную картинку.

Кода всего ничего


...
<tr class="porder">
<td class="td_sort">{sort}</td>
<td class="td_cur">{cur}</td>
<td><b class="fgrey">{region}</b>&nbsp;<a href="javascript:void(0)" id="rlink" class="rlink" >изменить</a>
</tr>
...
jpg 2.jpg
C
На сайте с 04.02.2005
Offline
291
#4
Все равно переносит на вторую строку, а ссылка вылазит за ячейку

покажите код.

который вы пробовали

F
На сайте с 24.04.2009
Offline
45
#5
Chukcha:
покажите код.
который вы пробовали


<tr class="porder">
<td class="td_sort">{sort}</td>
<td class="td_cur">{cur}</td>
<td style="overflow:hidden"><b class="fgrey">{region}</b>&nbsp;<a href="javascript:void(0)" id="rlink" class="rlink" style="position:fixed">изменить</a>
</tr>
C
На сайте с 04.02.2005
Offline
291
#6

И... как ведет себя ссылка?

position: fixed должно быть относительно ячейки

Для этого ячейка должна об єтом как-то сказать

а сказать она это может.... указав что имеет относительную позицию

Но просто указав position:fixed мало, ведь еще нужно указать и координаты, к которой, вам необходимая, ссылка "лепится"

F
На сайте с 24.04.2009
Offline
45
#7
Chukcha:
И... как ведет себя ссылка?

position: fixed должно быть относительно ячейки
Для этого ячейка должна об єтом как-то сказать
а сказать она это может.... указав что имеет относительную позицию

Но просто указав position:fixed мало, ведь еще нужно указать и координаты, к которой, вам необходимая, ссылка "лепится"

relative там был указан, но ссылка просто выходит за границы ячейки, а текст переноситься на другую строку.

C
На сайте с 04.02.2005
Offline
291
#8

есть еще nowrap

F
На сайте с 24.04.2009
Offline
45
#9
Chukcha:
есть еще nowrap

При nowrap, ячейка начинает отъедать ширину за счет соседних ячеек, несмотря на то что там указана ширина.

Когда ставлю min-width для соседних ячеек, то таблица вылазит за родительский div

C
На сайте с 04.02.2005
Offline
291
#10

я до такой степени ленивый (сейчас), что мне в лом моделировать вашу ситуацию

1. Рисуйте таблицу,

2 рисуйте css

Показывайте здесь

Чтоб можно преспокойно скопипастить

12

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