Резиновая верстка - есть ответ

IRBISXXL, 782 просмотра

ужно как то сделать, чтобы кнопка была при любом разрешении в центре экрана, а надпись была написана текстом, а не рисунком (((( помогите плиз, я уже всё облазил ((
[URL=http://radikal.ru/F/s51.radikal.ru/i133/1006/d6/2080c71369d8.jpg.html][IMG]http://s51.radikal.ru/i133/1006/d6/2080c71369d8t.jpg[/IMG][/URL]

Примечание:
http://www.radikal.ru/action.aspx

Примечание:
блин http://s51.radikal.ru/i133/1006/d6/2080c71369d8.jpg

Ответы:

Neverbalnost

Создаешь div. Задаешь ему точный размер в пикселях. В качестве фона в css указываешь картинку с кнопкой. И задаешь ему поля auto.
Внутри div'a создаешь p - пишешь туда текст, который должен быть на кнопке.
Всё.

repsak

css:
body {
margin: 0;
padding: 0;
}
.wrapp {
position: relative;
}
.wrapp .button {
position: absolute;
top: 50%;
margin: -50px auto; /* -50px - половина от высоты кнопки, указывается ниже */
width: 200px; /* обязательно */
height: 100px; /* обязательно */
}

14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.