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



 

Здравствуйте, гость ( Вход | Регистрация )

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


I am the Intersect
*****

Группа: Active User
Сообщений: 944
Регистрация: 24.1.2011
Из: Киев
Поблагодарили: 188 раз
Репутация:   51  


Здравствуйте, столкнулся со следующей проблемой, у меня на сайте название категории в краткой и полной новости выводятся так - 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
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jordanutto
Jordanutto
сообщение 13.7.2012, 11:54; Ответить: Jordanutto
Сообщение #2


Завсегдатай
*****

Группа: Active User
Сообщений: 850
Регистрация: 9.7.2011
Из: Крови и плоти
Поблагодарили: 431 раз
Репутация:   87  


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

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

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

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


--------------------
Куплю Steemit аккаунты. Писать в ЛС
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Intersect
Intersect
Topic Starter сообщение 13.7.2012, 13:12; Ответить: Intersect
Сообщение #3


I am the Intersect
*****

Группа: Active User
Сообщений: 944
Регистрация: 24.1.2011
Из: Киев
Поблагодарили: 188 раз
Репутация:   51  


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


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


I ♥ UKR@INE!
******

Группа: Active User
Сообщений: 1597
Регистрация: 17.8.2007
Из: Украины
Поблагодарили: 334 раза
Репутация:   63  


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


I am the Intersect
*****

Группа: Active User
Сообщений: 944
Регистрация: 24.1.2011
Из: Киев
Поблагодарили: 188 раз
Репутация:   51  


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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Перенесу вашу HTML+CSS верстку на Wordpress
0 blackhead 390 9.5.2018, 14:50
автор: blackhead
Открытая тема (нет новых ответов) Есть эксперты HTML + CSS ?
4 _fan_ 613 3.5.2018, 22:32
автор: _fan_
Открытая тема (нет новых ответов) Sonar.Network - облачный сервис поиска ошибок на сайте, валидации html, js, css
0 Tchort 983 20.4.2018, 17:53
автор: Tchort
Открытая тема (нет новых ответов) Доработка сайта html+css
2 Petechka 552 16.4.2018, 12:00
автор: ZaDrotom
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлы[предлагаю] Качественные услуги по PHP/HTML/CSS/JS, любые движки
Услуги программирования
39 Alexandr_js 11994 15.4.2018, 15:15
автор: antikvar99


 



RSS Текстовая версия Сейчас: 21.5.2018, 11:38
Дизайн