Результаты поиска
Введите запрос, по завершению нажмите Enter.
  • Страница 1 из 1
  • 1
Верстка простого модуля 2
Отправлено 07.06.2012 - 00:291
Нет аватара
Пользователь
113 сообщений
Мужчина
Прошу сверстать простой модуль по макету

P.s. кнопку форум отлить немного другим градиентом при наведении ;)
СПАСИБО заранее
Профиль Личное сообщение Дом. страница icq Skype
20
Отправлено 07.06.2012 - 04:152
Нет аватара
Пользователь
50 сообщений
Мужчина
Впринцепи сверстал,но с багом, который незнаю как исправить,а так вот.
CSS:
Code
.block_fr {background:#fff;width:466px;padding-bottom:25px;padding-top:1px;}
.block_fr .blockfr_top {background:url(/top_block.png)no-repeat;width:462px;height:27px;margin:2px;}
.block_fr .text {font-family:Tahoma;font-size:18px;color:#207bb0;text-shadow:1px 1px 0px #fff;margin:0 auto;padding-left:143px;line-height:27px;}
.block_fr .message {font-family:Tahoma;font-size:12px;color:#131313;padding-left:5px;}
.message .mes_obs {font-family:Tahoma;font-size:12px;font-weight:bold;color:#000000;padding-left:140px;padding-top:355px;}
.message .mes_obs:hover {text-decoration:underline;}
a.knopka {background:url(/knopka.png)no-repeat;width:78px;height:21px;display:block;overflow:hidden;text-decoration:none;color:#fff;font-weight:bold;line-height:20px;padding-right:2px;margin-top:-24px;float:right;}
a.knopka:hover {background:url(/knopkahover.png)no-repeat;}


HTML:
Code
<div class="block_fr">
<div class="blockfr_top"><div class="text">Темы для ВКонтакте</div><a class="knopka" href="#">Форум</a></div>
<div class="message">Не знаете куда обратиться? Бла бла бла пол 12 ночи, что за текст тут хз суть<br>
<a class="mes_obs" href="#">Обсудить Title на форуме</a>
</div>
</div>


Скачать картинки

Баг в том что слово форум в кнопке прилип к левому краю, и я не могу его сделать ровно. Исправьте меня кто небудь.
Профиль Личное сообщение Дом. страница icq Skype
4
Отправлено 07.06.2012 - 08:503
Нет аватара
Бывалый
1828 сообщений
Мужчина
Quote (hahaja)
Баг в том что слово форум в кнопке прилип к левому краю, и я не могу его сделать ровно. Исправьте меня кто небудь.


Code
text-align:center;
Профиль Личное сообщение Дом. страница icq Skype
78
Отправлено 07.06.2012 - 10:244
Нет аватара
Пользователь
113 сообщений
Мужчина
hahaja, Что то ничего не вышло,просто текст, хотя в css кинул стили
Профиль Личное сообщение Дом. страница icq Skype
20
Отправлено 07.06.2012 - 11:215
Нет аватара
Бывалый
1828 сообщений
Мужчина
sergius, ссылка на стили указана? Картинки в корень сайта залил?
Профиль Личное сообщение Дом. страница icq Skype
78
Отправлено 07.06.2012 - 14:066
Нет аватара
Пользователь
50 сообщений
Мужчина
Moool13, text-align не помогает.
Профиль Личное сообщение Дом. страница icq Skype
4
Отправлено 07.06.2012 - 14:377
Нет аватара
Пользователь
113 сообщений
Мужчина
Quote (Moool13)
sergius, ссылка на стили указана? Картинки в корень сайта залил?

%) ссылки залиты как нужно.а вот как прописывать стили - не знаю
Профиль Личное сообщение Дом. страница icq Skype
20
Отправлено 07.06.2012 - 14:428
Нет аватара
Бывалый
1828 сообщений
Мужчина
<link type="text/css" rel="StyleSheet" href="ссылка_на_стили" />
Профиль Личное сообщение Дом. страница icq Skype
78
Отправлено 07.06.2012 - 14:519
Нет аватара
Пользователь
113 сообщений
Мужчина
работает,но криво

"Темы для ВКонтакте" смещены,а должны быть ровно по центру
Обсудить Title на форуме тоже текст смещен
Профиль Личное сообщение Дом. страница icq Skype
20
  • Страница 1 из 1
  • 1
Поиск:
uSite.su © 2010-2024
Все права защищены.
Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация