Как лучше ограничить длину строки

37

alex545

26 апреля 2011, 09:27

3615

В интернет-магазине многие товары имеют длинные названия (по кол-ву символов), в итоге списки с этими товарами (на главной странице, в модулях) имеют не очень привлекательный вид. Самое простое это конечно просто обрезать их с помощью php (тем же substr) и всё будет выглядеть приемлемо. Но дело в том, что эти названия сами по себе являются анкорами к ссылкам на страницы товаров и естественно хотелось бы, чтобы весь текст анкора сохранялся (исходя из сео-потребностей). Как бы вы посоветовали тут поступить? Исключительно средствами css/html обрезать строку(анкор) никак не получиться?

122

skAmZ

26 апреля 2011, 09:45

#1

alex545:
Исключительно средствами css/html обрезать строку(анкор) никак не получиться?

overflow: hidden (с width: N px)

A5

37

alex545

26 апреля 2011, 10:11

#2

спасибо. как вариант можно, конечно.. но это только для блоков и соответственно придётся ещё возиться с высотой.

169

Ёхан Палыч

26 апреля 2011, 10:14

#3

alex545:
спасибо. как вариант можно, конечно.. но это только для блоков и соответственно придётся ещё возиться с высотой.

Если возиться, то можно сделать симпатично, например, как в сапе:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">

<head>

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

		<!--[if lt IE 7]>

		<style>

			 .long_link_hidder	{filter: expression(fixPNG(this));}

		</style>        

		<![endif]-->

<style>

.long_link_box	{position:relative;clear:both;height:18px;width:100px; }

.long_link	{position:absolute;overflow:hidden;white-space:nowrap;width:100%;top:0px;}

.long_link_hidder	

{position:absolute;width:40px;z-index:1000;right:0px;background:url(http://static.sape.ru/www/img/white_cover.png) right top repeat-y; top:0px;}

</style>

</head>

<body>

        <div class="long_link_box">

            <div class="long_link">

                <a href="/ru/forum/624804" target="_blank">Как лучше ограничить длину строки</a>

            </div>

            <div class="long_link_hidder">&nbsp;</div>

        </div>

</body>

</html>

A5

37

alex545

26 апреля 2011, 14:27

#4

спасибо.

просто анкор ссылки может находится на нескольких строках (и как раз хотелось бы как то ограничить это кол-во строк). соответственно придётся что-нибудь придумывать с высотой..

может ещё какие-нибудь способы есть?

Вышел новый Яндекс Браузер с YandexGPT и YandexART

Что делать, если ваша email-рассылка попала в спам