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



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Закрепить текст относительно фона
assu
assu
Topic Starter сообщение 5.1.2011, 17:15; Ответить: assu
Сообщение #1


Добрый день уважаемые форумчане!
Решил заняться изучением сайтостроения.
Нарисовал в Фотошопе примерный макет сайта. Сохранил в jpg. Подвязал к своей странице. С помощью html и css сделал текст в определенном месте сайта.
Когда увеличиваю/уменьшаю масштаб страницы в браузере, то фон сайта увеличивается/уменьшается, а текст как находился от левого края в 100 пикселов, так там и находится. А мне нужно, чтобы он относительно фона менялся.
Подскажите пожалуйста как мне подвязать текст к фону?
Заранее извиняюсь, если вопрос не правильно сформировал.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
assu
assu
Topic Starter сообщение 5.1.2011, 18:14; Ответить: assu
Сообщение #2


Снимаю вопрос. Изначально, неправильно подошел к фону сайта.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ksenyakor
ksenyakor
сообщение 10.1.2011, 0:08; Ответить: ksenyakor
Сообщение #3


простите и не судите строго еще одного чайника, но как подходить к фону, если дизайн требует фона в виде картинке, которая должна масштабироваться вместе с содержимым сайта? вот например, у меня дизайн сайта [IMG]http://an-zvonok.ru/3.jpg[/IMG]
на белом фоне размещается весь контент. как это можно сверстать?
буду очень благодарна за помощь!))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 10.1.2011, 4:42; Ответить: Zippovich
Сообщение #4


делаете из этой картинки две:

1) повторяющийся фон и
2) неповторяющийся

делаете 2 блока div один в другом, в body повторяющийся фон, его повторяйте по вертикали repeat-y, во внешнем диве неповторяющийся фон, выставьте min-height - это высота неповторяющегося фона, что бы он был виден, если контента меньше. фоны центрируете по горизонтали 50% 0, еще один внутренний блок с контентом с фиксированной шириной и отцентрованный по горизонтали.

<body>
<div class="bg">
<div class="content">
<h1>sdfsdfsdf</h1>
<p>sdfsdfsdf</p>
</div>
</div>
</body>


[CSS]body {background: url('../images/povtorjawka.png') 50% 0 repeat-y}
.bg {background: url('../images/ne-povtorjawka.png') 50% 0 no-repeat; min-height: 200px}
* html .bg {height: 200px}
.content {width: 900px; margin: 0 auto}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ksenyakor
ksenyakor
сообщение 11.1.2011, 0:17; Ответить: ksenyakor
Сообщение #5


огромное спасибо!!!
сейчас буду пробовать

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1425 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Можно ли в старый SEO текст вместо старого домена поставить новый?
3 Tutich 1215 22.3.2024, 14:47
автор: Tutich
Горячая тема (нет новых ответов) Текст для сайта на английском языке
33 D007user 18087 26.1.2022, 17:16
автор: D007
Горячая тема (нет новых ответов) Копирайтинг и рерайт: качественный сео-текст по доступной цене!
374 Sostavitel 196979 18.1.2022, 23:46
автор: Sostavitel
Открытая тема (нет новых ответов) Эффективный копирайтинг. Продающие и инфостатьи, лэндинги. Текст для презентации и видео. Студенческие работы. Наполнение сайтов с нуля
7 лет в сфере, более 77 млн знаков за спиной
1 ELECTROKATZE 3588 11.6.2021, 18:48
автор: icoder


 



RSS Текстовая версия Сейчас: 20.4.2024, 2:50
Дизайн