Вопросы по фреймам и градиентному фону - HTML и CSS

Ururu · 18.02.2009, 20:24

Создал страницу из фреймов, закрасил фон. В IE все отображается как надо, но вот в опере9 все фреймы разделены серыми линиями. Может их хоть закрасить как то можно?

И еще возникла проблема с заливкой градиентной. Все картинки одной высоты и идут по горизонтали. Первая логотип, вторая тоже, а третья и есть тот градиентный рисунок которым хотел заполнить все оставшееся место. Возможно это сделать не трогая css?

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<link rel="stylesheet" type="text/css" href="style.css">
<html>
	<head>
		<title>frlogo</title>
	</head>
	<body>
		<a href="index.html"><img src="logo.bmp" align="left" height="60" width="100" hspace="0" vspace="0" border="0"></a>
		<a href="index.html"><img src="logo2.bmp" align="left" height="60" width="500" hspace="0" vspace="0" border="0"></a>
<---------------
<--------------- место для градиентного рисунка logo3.bmp
<---------------
	</body>
</html>

Gongled · 19.02.2009, 10:18

Цитата:

Сообщение от Ururu

И еще возникла проблема с заливкой градиентной. Возможно это сделать не трогая css?

А можно уточнить, по какой причине, вы не хотите пользоваться CSS?

Ururu · 19.02.2009, 11:17

Почему же? css я трогаю )) в примере он подгружается из файла.
Просто незнаю как добавить css в <body>, не отключая файл.

Gongled · 19.02.2009, 12:18

В тело страницы можно добавлять стили, заключив их в:

Код HTML:

<style type="text/css"></style>

Однако, рекомендую подключать файл, и в нём описывать селекторы.

Решение вашего вопроса:

Код HTML:

<!-- Естественно, стиль свой -->

<style type="text/css">
.hatback {
background: #000000 url(images/background.png) repeat-x top left;
}
</style>

<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>

   <td align="left" class="hatback">
      <a href="index.html">
         <img src="logo.bmp" height="60" width="100" hspace="0" vspace="0" border="0">
         <img src="logo2.bmp" height="60" width="500" hspace="0" vspace="0" border="0">
      </a>
   </td>

   <td class="hatback" nowrap="nowrap">
   </td>
	
</tr>
</table>

Если, я правильно Вас понял.

Ururu · 19.02.2009, 15:21

Почти то что нужно. А возможно не использовать таблицу?
2 картинки и градиент имеют одну высоту. Они находятся на одной линии образуя шапку. Клик в любом месте по шапке как по ссылке. В таблице проблемы возникают с высотой.

wall66 · 19.02.2009, 15:26

Цитата:

Сообщение от Ururu

А возможно не использовать таблицу?

можно использовать три вложенных div-а
в первом будет повторяющийся фон, во втором - левая картинка (в качестве фона), в третьем - правая
в третий див поместишь ссылку нужной ширины и высоты

Ururu · 19.02.2009, 15:44

А можно на примере?
Шапка сайта это фрейм.
Состоит шапка из 2ух рисунков и градиента.

wall66 · 19.02.2009, 15:51

Цитата:

Сообщение от Ururu

А можно на примере?
Шапка сайта это фрейм.
Состоит шапка из 2ух рисунков и градиента.

в вашем случае два рисунка можно объединить в один (я описывал решение для рисунков выравненных по левому и правому краю)

Код HTML:

<div style="background:url(путь к повторяющейся части) 0px 0px repeat-x;">
<div style="background:url(путь к первому рисунку) 0px 0px no-repeat;">
<div style="background:url(путь ко второму рисунку) /*ширина_первого_рисунка*/px 0px no-repeat;">
ссылка
</div>
</div>
</div>

Ururu · 19.02.2009, 16:21

Может стоит попробовать иначе?
Убираю градиент. Добавляю только 2 рисунка и заливаю фон.
Осталось только придумать как кликнуть на фрейм и не открывать в нем страницу. Тоесть при клике на шапку (фрейм) обновить всю страницу. Например как на многих сайтах кнопка "на главную".

wall66 · 19.02.2009, 16:22

для этой цели у ссылки указывается атрибут target="_parent"

18.02.2009, 20:24	#1
Ururu Пользователь Регистрация: 04.08.2008 Сообщений: 52	Вопросы по фреймам и градиентному фону Создал страницу из фреймов, закрасил фон. В IE все отображается как надо, но вот в опере9 все фреймы разделены серыми линиями. Может их хоть закрасить как то можно? И еще возникла проблема с заливкой градиентной. Все картинки одной высоты и идут по горизонтали. Первая логотип, вторая тоже, а третья и есть тот градиентный рисунок которым хотел заполнить все оставшееся место. Возможно это сделать не трогая css? Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <link rel="stylesheet" type="text/css" href="style.css"> <html> <head> <title>frlogo</title> </head> <body> <a href="index.html"><img src="logo.bmp" align="left" height="60" width="100" hspace="0" vspace="0" border="0"></a> <a href="index.html"><img src="logo2.bmp" align="left" height="60" width="500" hspace="0" vspace="0" border="0"></a> <--------------- <--------------- место для градиентного рисунка logo3.bmp <--------------- </body> </html>

19.02.2009, 15:21	#5
Ururu Пользователь Регистрация: 04.08.2008 Сообщений: 52	Почти то что нужно. А возможно не использовать таблицу? 2 картинки и градиент имеют одну высоту. Они находятся на одной линии образуя шапку. Клик в любом месте по шапке как по ссылке. В таблице проблемы возникают с высотой. Последний раз редактировалось Ururu; 19.02.2009 в 15:36.

19.02.2009, 16:22	#10
wall66 Участник клуба Регистрация: 04.10.2008 Сообщений: 1,485	для этой цели у ссылки указывается атрибут target="_parent" Notepad2 *свободен...*

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Вопросы по if, else?	molodoyy	Помощь студентам	5	21.03.2010 15:34
Вопросы по if, else?	molodoyy	Общие вопросы C/C++	1	25.10.2008 18:55
вопросы	MAcK	Win Api	7	21.07.2007 18:08

19.02.2009, 11:17	#3
Ururu Пользователь Регистрация: 04.08.2008 Сообщений: 52	Почему же? css я трогаю )) в примере он подгружается из файла. Просто незнаю как добавить css в <body>, не отключая файл.

19.02.2009, 15:44	#7
Ururu Пользователь Регистрация: 04.08.2008 Сообщений: 52	А можно на примере? Шапка сайта это фрейм. Состоит шапка из 2ух рисунков и градиента.

19.02.2009, 16:21	#9
Ururu Пользователь Регистрация: 04.08.2008 Сообщений: 52	Может стоит попробовать иначе? Убираю градиент. Добавляю только 2 рисунка и заливаю фон. Осталось только придумать как кликнуть на фрейм и не открывать в нем страницу. Тоесть при клике на шапку (фрейм) обновить всю страницу. Например как на многих сайтах кнопка "на главную".