Размеры фона текста

Обсуждение вопросов, проблем связанных с обучением CSS

Размеры фона текста

Сообщение Pink_Panther » 01 окт 2014, 19:59

Нужно задать фон для текста верхнего меню сайта.
Только вот нужно еще задать ему(фону) высоту и ширину.
Может быть кто-то знает как?
Заранее благодарю.
Pink_Panther
 
Сообщения: 9
Зарегистрирован: 28 сен 2014, 16:28

Re: Размеры фона текста

Сообщение Алексей » 01 окт 2014, 22:40

Здесь писал: [url]webremeslo.ru/css3/glava5.html#size[/url]
Хотя это один из способов можно найти и другое решение.
Аватара пользователя
Алексей
Администратор
 
Сообщения: 834
Зарегистрирован: 03 апр 2010, 09:12
Откуда: Солнечный Геленджик :)

Re: Размеры фона текста

Сообщение Pink_Panther » 02 окт 2014, 16:14

Спасибо, это понятно, но как поставить фон не картинкой, а просто цветом и при этом задать ему высоту и ширину? :?: :)?
Pink_Panther
 
Сообщения: 9
Зарегистрирован: 28 сен 2014, 16:28

Re: Размеры фона текста

Сообщение Алексей » 03 окт 2014, 21:15

Просто цвету ширину не задашь.. но можно сделать однопиксельный рисунок нужного цвета а потом растягивать его до нужных размеров.. или отдельный блок специально для фона сделать.. или ещё что нибудь.. :) Смотреть надо на картинку что именно требуется сделать а то так не понятно.. а сверстать можно всё что угодно.
Аватара пользователя
Алексей
Администратор
 
Сообщения: 834
Зарегистрирован: 03 апр 2010, 09:12
Откуда: Солнечный Геленджик :)

Re: Размеры фона текста

Сообщение Pink_Panther » 04 окт 2014, 00:16

Спасибо! Подсознательно догадывался, что не получится, но не хотелось в это верить.
А проблема такая : нужно было сделать фон для :hover (для верхнего меню), да так,
чтобы на весь блок растягивался и с заокруглеными углами. Углы заокруглить не проблема, задать градиент - тоже, а вот чтобы ширина правильная была -
вот в чем вопрос. Ну раз нет- сказу css разработчикам - пусть добавляют ;)
Pink_Panther
 
Сообщения: 9
Зарегистрирован: 28 сен 2014, 16:28

Re: Размеры фона текста

Сообщение Алексей » 05 окт 2014, 21:39

Картинку можно увидеть того что нужно сделать?
Аватара пользователя
Алексей
Администратор
 
Сообщения: 834
Зарегистрирован: 03 апр 2010, 09:12
Откуда: Солнечный Геленджик :)

Re: Размеры фона текста

Сообщение Pink_Panther » 08 окт 2014, 15:07

Вот сайт http://www.drakosha.net.ru/ . Слева написано "наши программы" "новости" "Фотогалерея".
При наведении курсора изменяется фон. Я вижу, что это сделано на спрайтах, но можно ли это сделать через фон?
Градиент можно задать через css

#12345:hover {
background: linear-gradient (#1312, #1265)
}

Но как задать ширину и длину фону?
Ну как я понял, это невозможно.
Pink_Panther
 
Сообщения: 9
Зарегистрирован: 28 сен 2014, 16:28

Re: Размеры фона текста

Сообщение Алексей » 08 окт 2014, 15:27

Не надо изобретать велосипед.. Используйте спрайты в них нет ничего плохого. А если с фоном то можно попробовать при наведении курсора отбрасывать тень внутрь блока от верхней границы с помощью box-shadow: ?? ?? ?? ?? inset; - об этой фишке я здесь писал: http://webremeslo.ru/css3/glava6.html - правда эта глава не дописана еще носит черновой характер и официально ещё не вышла в свет.. попасть туда пока что можно только отсюда.. ну я думаю разберётесь как нибудь..)))
А вообще ещё раз говорю это работа спрайтов.
Аватара пользователя
Алексей
Администратор
 
Сообщения: 834
Зарегистрирован: 03 апр 2010, 09:12
Откуда: Солнечный Геленджик :)


Вернуться в CSS

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3

cron
Рейтинг@Mail.ru