Форум программистов «Весельчак У»
  *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

  • Рекомендуем проверить настройки временной зоны в вашем профиле (страница "Внешний вид форума", пункт "Часовой пояс:").
  • У нас больше нет рассылок. Если вам приходят письма от наших бывших рассылок mail.ru и subscribe.ru, то знайте, что это не мы рассылаем.
   Начало  
Наши сайты
Помощь Поиск Календарь Почта Войти Регистрация  
 
Страниц: [1]   Вниз
  Печать  
Автор Тема: Фоновое изображение на сайте  (Прочитано 11377 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Aleck D.Shadow
Опытный

tr
Offline Offline
Пол: Мужской

« : 24-05-2006 11:55 » 

Нужно расположить за текстом изображение например орла, а на нем текст, причем с разной длиной текста. Как это лучче сделать? Если можно примеры сайтов.
Записан
Джон
просто
Администратор

de
Offline Offline
Пол: Мужской

« Ответ #1 : 24-05-2006 12:13 » 

для всей страницы - атрибут тега body - background

<body background="URL картинки">

или можно воспользоваться аналогичным атрибутом тегов таблицы для любой её части

<table background="URL картинки">
<tr background="URL картинки">
<th background="URL картинки">Заголовок</th>
<td background="URL картинки">Данные</td>
</tr>
</table>
Записан

Я вам что? Дурак? По выходным и праздникам на работе работать. По выходным и праздникам я работаю дома.
"Just because the language allows you to do something does not mean that it’s the correct thing to do." Trey Nash
"Physics is like sex: sure, it may give some practical results, but that's not why we do it." Richard P. Feynman
"All science is either physics or stamp collecting." Ernest Rutherford
"Wer will, findet Wege, wer nicht will, findet Gründe."
RXL
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #2 : 24-05-2006 16:05 » 

Джон, такой подход работает, но в стандарте HTML 4.0 такого атрибута нет, а в XHTML вообще стремятся отказаться от атрибутов оформления в пользу CSS. Делаю вывод, что атрибут нестандартный.

В CSS делается просто: background-image: url("....");
Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
Aleck D.Shadow
Опытный

tr
Offline Offline
Пол: Мужской

« Ответ #3 : 24-05-2006 17:38 » 

background это хорошо. Но статья может быть большой а может маленькой, а орел должен быть один а если текст больше орла тогда только фон цветом и еще хотелось бы что бы чтобы орел был например внизу справа при разрешении 800 на 600 при прокрутке соответсвенно сдвигался наверх, т.е. оставался под тем текстом которым изначально.
Записан
RXL
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #4 : 24-05-2006 18:03 » 

Aleck D.Shadow, см. CSS свойчтва background-repeat и background-position.
Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
Aleck D.Shadow
Опытный

tr
Offline Offline
Пол: Мужской

« Ответ #5 : 24-05-2006 18:55 » 

Окей, RXL я нашел как решить.
<td BackGround="images/BGmain.png" Style="background-repeat: no-repeat;" BGCOLOR="#1071b5">   
<table Width="100%" Height="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15">
 &nbsp;
</td>   
<td valign="top">
Текст всяко разный
</td>
<td width="15">
&nbsp;
</td>   
</tr>               
</table>   
</td>   
и учитывая твою первую реплику переделаю в CSS.

Спасибо.

PS: Что лучче PNG или GIF?
Записан
nikedeforest
Команда клуба

ru
Offline Offline
Пол: Мужской

« Ответ #6 : 07-06-2006 18:52 » 

PNG
Записан

ещё один вопрос ...
Chuda
Гость
« Ответ #7 : 14-06-2006 12:44 » 

Aleck D.Shadow, спроси Валидатора, насколько корректный этот код, и он скажет, что здесь не менее 6 ошибок. (6 - это только я навскидку вижу, валидатором не проверялось).
лучше так:

<div style="background-image: url('images/BGmain.png'); background-repeat: no-repeat; background-color: #1071b5;">

и далее по тексту.
« Последнее редактирование: 19-12-2007 19:57 от Алексей1153++ » Записан
RXL
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #8 : 14-06-2006 15:12 » 

Chuda, какая шестая?
Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
Chuda
Гость
« Ответ #9 : 14-06-2006 21:17 » new

Chuda, какая шестая?
а вообще я наверно неправа.
просто в приведённом коде пять тэгов с символами в верхнем регистре и один из них (height) недопустим по мнению валидатора.
так что наверно валидатор не будет придираться, в каком регистре написаны недопустимые тэги, и насчитает пять ошибок.
Записан
Страниц: [1]   Вверх
  Печать  
 

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines