Реклама на сайте Advertise with us

Проблема с длинным текстом в узкой ячейке

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 07.06.08
Сообщения: 778
Рейтинг: 395

Ссылка на сообщениеДобавлено: 18/01/09 в 06:19       Ответить с цитатойцитата 

День добрый. Подсобите, плиз...уже голову сломал. Вот пациент adulthunters.com/index1.shtml. Проблемы две:
1. В ИЕ hidden: overflow работает, но скрытый текст все равно сдвигает тумбовый блок далеко вправо..та же проблема в ФФ + еще и текст не скрытый получается. Как обрезать текст в ячейке и при этом сохранить полный тайтл? Если это невозможно, то наиболее приемлемый вариант.
2. (Уже задал этот вопрос, но в комплексе еще раз спрошу...пока ответа не получил) В ФФ ячейки архивов отображаются корректно...а в ИЕ отсутствует нижняя граница. Почему?

Спасибо всем заранее, с меня макс рейтинг)

Pissing and Voyeur Trades | Арендую места под баннеры

0
 



С нами с 30.10.08
Сообщения: 1347
Рейтинг: 406


Передовик Master-X (16.01.2009)
Ссылка на сообщениеДобавлено: 18/01/09 в 06:37       Ответить с цитатойцитата 

я конечно лох в таких делах но может проще display none для скрытого текста?

не?

границы везде отображаются нормально ие7, фф - хз какой

могу дать скрины

но сами картинки хз где, справа за бортом, и там и там

Тайный фанатег работ Yolz =)

3
 

Адалт кутюрье

С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827

Ссылка на сообщениеДобавлено: 18/01/09 в 08:05       Ответить с цитатойцитата 

Насколько я помню, ты уже не первый топик создал на эту тему, с обрезанием так сказать)

Я не смотрел пристально, как именно оно повёрстано там сейчас - прошу извинить, если моё предложение будет некорректным или даже уже реализовано.

Идея следующая: реализовать твою нужду посредством цсс-слоёв.

То есть ты вставляешь себе блок с текстом, а уже наверх (с чёрным бг) блок с тумбами.

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

Одеваю сайты Adult Concept Design Меняю денюжку erMoney.com

3
 



С нами с 30.10.08
Сообщения: 1347
Рейтинг: 406


Передовик Master-X (16.01.2009)
Ссылка на сообщениеДобавлено: 18/01/09 в 08:09       Ответить с цитатойцитата 

тогда другой вариант: прописывать заголовки и альты у тумб и вообще никаких слоев не надо smail101.gif

Тайный фанатег работ Yolz =)

3
 



С нами с 07.06.08
Сообщения: 778
Рейтинг: 395

Ссылка на сообщениеДобавлено: 18/01/09 в 17:20       Ответить с цитатойцитата 

Dizman© писал:
Насколько я помню, ты уже не первый топик создал на эту тему, с обрезанием так сказать)

Я не смотрел пристально, как именно оно повёрстано там сейчас - прошу извинить, если моё предложение будет некорректным или даже уже реализовано.

Идея следующая: реализовать твою нужду посредством цсс-слоёв.

То есть ты вставляешь себе блок с текстом, а уже наверх (с чёрным бг) блок с тумбами.

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


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

Pissing and Voyeur Trades | Арендую места под баннеры

0
 



С нами с 16.01.09
Сообщения: 268
Рейтинг: 384

Ссылка на сообщениеДобавлено: 19/01/09 в 09:58       Ответить с цитатойцитата 

SMYK:
во-первых: <div style="overflow: hidden; white-space: nowrap;" width="230"> заменить на <div style="overflow: hidden; white-space: nowrap;width:230px;">

во-вторых, написать этот блок сразу внутри родительской <td>, а в нем уже весь контент.

Удачи ;)

3
 



С нами с 07.06.08
Сообщения: 778
Рейтинг: 395

Ссылка на сообщениеДобавлено: 19/01/09 в 22:18       Ответить с цитатойцитата 

hardy писал:
SMYK:
во-первых: <div style="overflow: hidden; white-space: nowrap;" width="230"> заменить на <div style="overflow: hidden; white-space: nowrap;width:230px;">

во-вторых, написать этот блок сразу внутри родительской <td>, а в нем уже весь контент.

Удачи ;)


Спасибо большое. Мог бы поставить +10...поставил бы. Пока +3))) Спасиб

Pissing and Voyeur Trades | Арендую места под баннеры

0
 



С нами с 16.01.09
Сообщения: 268
Рейтинг: 384

Ссылка на сообщениеДобавлено: 20/01/09 в 09:35       Ответить с цитатойцитата 

SMYK: будут еще проблемы с версткой, обращайся! ;) Контакты и реклама в подписи. icon_smile.gif

0
 



С нами с 07.06.08
Сообщения: 778
Рейтинг: 395

Ссылка на сообщениеДобавлено: 20/01/09 в 17:21       Ответить с цитатойцитата 

А вот чего тянуть))) Тот же образец...все работает. Единственное чего бы хотелось, так это чтобы эта ячейка с текстом была "резиновой" (т.е., чтобы текстом заполнялась вся свободная часть монитора юзера). Пробовал с процентами - что-то не получается, опять все съезжает. Может подскажешь?))) Спасиб

Pissing and Voyeur Trades | Арендую места под баннеры

0
 



С нами с 16.01.09
Сообщения: 268
Рейтинг: 384

Ссылка на сообщениеДобавлено: 21/01/09 в 09:28       Ответить с цитатойцитата 

Не, ну ты меня используешь icon_smile.gif

я бы вообще советовал отказаться от таблиц. без них жить проще ;)

html:

<div class="wrap">
<div class="rightcol">
<!-- содержимое правой колонки (картинки) -->
</div>
<div class="rightcol">
<div class="wrap">
<!-- содержимое левой колонки (текст, ссылки) -->
</div>
</div>
</div>

css:

body {
min-width:990px;
}
.wrap {
width: 100%;
overflow:hidden;
}
.rightcol {
float: right;
width: 760px;
overflow: hidden;
}
* html .rightcol {
margin-left: -3px;
}
.leftcol {
margin: 0 760px 0 0;
white-space: nowrap;
}
* html .leftcol {
margin: 0;
height: 1%;
}

3
 



С нами с 16.01.09
Сообщения: 268
Рейтинг: 384

Ссылка на сообщениеДобавлено: 21/01/09 в 09:29       Ответить с цитатойцитата 

Не, ну ты меня используешь icon_smile.gif

я бы вообще советовал отказаться от таблиц. без них жить проще ;)

html:

<div class="wrap">
<div class="rightcol">
<!-- содержимое правой колонки (картинки) -->
</div>
<div class="rightcol">
<div class="wrap">
<!-- содержимое левой колонки (текст, ссылки) -->
</div>
</div>
</div>

css:

body {
min-width:990px;
}
.wrap {
width: 100%;
overflow:hidden;
}
.rightcol {
float: right;
width: 760px;
overflow: hidden;
}
* html .rightcol {
margin-left: -3px;
}
.leftcol {
margin: 0 760px 0 0;
white-space: nowrap;
}
* html .leftcol {
margin: 0;
height: 1%;
}

Дизайним и верстаем сайты. http://adult-html.com/ || Отзывы на мастере

3
 



С нами с 07.06.08
Сообщения: 778
Рейтинг: 395

Ссылка на сообщениеДобавлено: 21/01/09 в 23:22       Ответить с цитатойцитата 

Спасиб...большое))) Написал бы третий вариант получил бы еще +3)))))))))))))). Щас буду копаться с материалом)

Мда, интересная это наука верстка. Углубился трошку. Из плюсов отмечу, что выкинул до хренища бесполезного табличного кода (здорово). Из минусов, что в новом варианте текст опять следует аж после всех тумб (хотелось-то имено его в начало задвинуть для СЕ)...ну и пока текст получается не слева от тумб а прямо под ними, видно чего-то я недоглядел))). Щас закачаю туда же...кому интересно гляньте.

PS. Собственно и так хорошо..наполовину таблицами наполовину дивами...и фиг с той "резиновостью"...хотя)))

Pissing and Voyeur Trades | Арендую места под баннеры

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »