Форум Сайтостроение Веб-строительство

Помогите с версткой, пожалуйста

12
R
На сайте с 03.08.2012
Offline
131
revered
535

Здравствуйте, у меня есть 2 вопроса:

1) Как сделать чтобы при наведении появлялся такой зеленый фон, все бы хорошо, только он же должен в середине растягивать в зависимости от текста, ведь ссылки в меню разной ширины. Подскажите, как растянуть его?

2) Как верстать блок как на картинке? С одной стороны можно использовать следующую конструкцию: 

<div id="block">

   <div id="head">Заголовок</div>

   <div id="content">Текст...текст...</div>

   <div id="footer">картинка в футоре</div>

</div>

Ну или можно без блока футора, а прописать фон для id=content, но проблема в том что там ещё по всему блоку идет постепенный переход к белому и назад к другому цвету. Если присмотреться или пипеткой провести, то видно что цвета меняются.

Прошу помочь сверстать блок и ссылку в меню:) Буду очень благодарен! Спасибо!

png img_1.png
png img_2.png
Desesperada
На сайте с 11.10.2010
Offline
77
Desesperada
#1

пишите в icq 7860919, покажу

меню можно репит и скругление, а блок нужно несколькими дивами

Создание/наполнение сайтов ICQ 7860919 Принимаю предзаказы на сателлиты/гс в индексе
R
На сайте с 03.08.2012
Offline
131
revered
#2

Извините, у меня нет icq:( А как репит, если там этот зеленый блок не однотонный... А насчет блока, накидаете структуру как должно быть?

Desesperada
На сайте с 11.10.2010
Offline
77
Desesperada
#3
revered:
Извините, у меня нет icq:( А как репит, если там этот зеленый блок не однотонный... А насчет блока, накидаете структуру как должно быть?

ааа, теперь разглядел....можно растягивать испробовать(cover)

а skype?

нужен исходник и доступы к сайту, покажу как у вас это будет

---------- Добавлено 22.11.2013 в 18:03 ----------

примерно так будет

R
На сайте с 03.08.2012
Offline
131
revered
#4

А что за зеленная и синяя линия внутри? Это 2 блока бдя фона, 1 градиент сверху к белому, другой снизу вверх к белому?

Desesperada
На сайте с 11.10.2010
Offline
77
Desesperada
#5

можно как градиентами, так и фоном с изображением и минимальной высотой, чтобы не обрезалось

R
На сайте с 03.08.2012
Offline
131
revered
#6

Спасибо, щас че-нить буду мудрить:)

R
На сайте с 03.08.2012
Offline
131
revered
#7

Чето не получается сверстать блок, кажись я делаю что-то не правильно:(

Вот у меня получилась такая структура:

<div class="widget_left">

   <div class="title_widget_left">Популярные статьи круто было</div>

     <div class="widget_left_content">

       <div class="title_widget_left2"></div>

       текст блока....

       div class="footer_widget_left2"></div>

     </div>

   <div class="footer_widget_left"></div>

</div>

Прикрепляю картинки, которые я нарезал... А вот что делать с css я не знаю... все друг на друга залазиет, перелазиет, в общем чето я запутался как правильно....

P.S. сайт на данвере:(

Помогите, пожалуйста, очень надо сверстать:)

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

png widget-left_head.png
png widget-left_head2.png
png widget-bg.png
png widget-left_footer2.png
png widget-left_footer.png
Как сделать красивое письмо Как Google принимает решение Google: расположение внутренних ссылок
B3
На сайте с 01.04.2010
Offline
82
Byblick32
#8

revered, держи http://creatorverse.ru/block.html

Нажми Ctrl+U там всё найдешь.

Только http://creatorverse.ru/img/h_g.png и http://creatorverse.ru/img/f_g.png пересохрани, я их чуть подправил.

R
На сайте с 03.08.2012
Offline
131
revered
#9

Спасибо большое!!! Очень помогли!) Жаль, что не кроссбраузерно, но зато все просто:) Благодарю!)

B3
На сайте с 01.04.2010
Offline
82
Byblick32
#10

revered, почему не кроссбраузерно?

IE 9+ должен поддерживаться, и все остальные тоже)

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий