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



 

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

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

> Категория CSS
Intersect
Intersect
Topic Starter сообщение 13.7.2012, 11:12; Ответить: Intersect
Сообщение #1


Здравствуйте, столкнулся со следующей проблемой, у меня на сайте название категории в краткой и полной новости выводятся так - http://s49.radikal.ru/i126/1207/33/47f0ee3d7a73.png , проблема в том что я создал новую категорию...которая содержит 2 слова и она там не помещается, начинает сьежать, вот что стоит в css:

.st_top_right{width:26%;float:right;overflow:hidden}
.st_cats{width:70%;padding:5px 0 5px;margin:6px 0 0 32px;text-align:center;background:#4E74AE;}

стоит строго 26%, можно увеличить...и тогда все вмещается...но там где кактегория с одного слова выглядит ужасно..так как синий фон слишком длинный

Можно ли как-то сделать что-бы было автоматически...под каждое название категории свой размер, исправить в css?

Сообщение отредактировал Intersect - 13.7.2012, 11:14


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
 
Открыть тему
Ответов (1 - 4)
Jordanutto
Jordanutto
сообщение 13.7.2012, 11:54; Ответить: Jordanutto
Сообщение #2


Вот тут
.st_top_right{width:26%;float:right;overflow:hidden}

Убираем ширину вообще, т.е.:
.st_top_right{float:right;overflow:hidden}

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

Если не получится, напишите в icq 23восемьсемь32, помогу


--------------------
Накрутка подписчиков в Medium, Steemit.
Парсинг любой информации с Авито, Drom, Cian, Юла, Эльдорадо, Мвидео.
Писать в ЛС
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Intersect
Intersect
Topic Starter сообщение 13.7.2012, 13:12; Ответить: Intersect
Сообщение #3


Jordanutto, действительно помогло, вот как сейчас - http://s018.radikal.ru/i517/1207/85/bc0c80fe9e14.bmp а можно как-то сделать отступ, что-бы синий фон был немного больше на несколько пискселей..может как-то через margin: не подскажите?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
extezy
extezy
сообщение 13.7.2012, 13:40; Ответить: extezy
Сообщение #4


padding-left: 5px;
padding-right: 5px;

Можно одной строкой:
padding: 0 5px 0 5px;

не выспался...

padding - отступы внутри.
margin - внешние отступы.

Сообщение отредактировал extezy - 13.7.2012, 13:48


--------------------
Дизайнер, музыкант, автогонщик, футболист. Люблю Алену, мамин борщ и пиво с шоколадом.
ZOMRO.COM - держу свои проекты на этом хостинге, рекомендую.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Intersect
Intersect
Topic Starter сообщение 13.7.2012, 15:05; Ответить: Intersect
Сообщение #5


extezy, большое спасибо..разобрался и исправил))
Тема закрыта.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3331 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3291 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6438 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1652 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Продам адаптивный шаблон (css/html/js) под cj/tube сайт
2 zaiko 1415 29.12.2020, 23:49
автор: zaiko


 



RSS Текстовая версия Сейчас: 29.3.2024, 1:46
Дизайн