багроундс и ифрейм

xameleon · March 11, 2009

первый вопрос, каким образом подключить внешний стиль багроундс для html & body (нужно залить фон через внешний внешний css)

второй вопрос, как лучше изменять текстовую информацию, нашел в инете ифрейм но люди пишут что это не лучший способ, что посоветуете?

Veseloff · March 11, 2009

Чтобы сделать фон для iframe через внешний внешний css можно использовать свойство background, но это некроссбраузерно и по сути своей неправильно - заливать надо фон непосредственно содержимого.

второй вопрос, как лучше изменять текстовую информацию, нашел в инете ифрейм но люди пишут что это не лучший способ, что посоветуете?

Это вообще непонятный вопрос.

xameleon · March 11, 2009

смысл в следующем, имеется обычный сайтик простенький на хтмл, нужно периодически добавлять на него текст. либо изменять имеющийся, как я понял есть 2 способа реализации, ифрейм либо ява скрипт, что лучше незнаю, хпх не вариант... на счет багроундс, багроундс надо просто залить как фон на сайт, а не именно в ифрейм, ифрейм будет иметь собственный фон

Searcher · March 11, 2009

Все равно не понятно... Изменять текст в ифрейме вы хотите или выводить там измененный текст? Где и в каком виде этот текст у вас хранится?

Фоном для ифрейм является фон страницы, которая загружается в этот ифрейм. Стили подключаются тэгом <link> в том файле в котором они будут использоваться.

s0rr0w · March 11, 2009

смысл в следующем, имеется обычный сайтик простенький на хтмл, нужно периодически добавлять на него текст. либо изменять имеющийся, как я понял есть 2 способа реализации, ифрейм либо ява скрипт, что лучше незнаю, хпх не вариант... на счет багроундс, багроундс надо просто залить как фон на сайт, а не именно в ифрейм, ифрейм будет иметь собственный фон

Если есть простенький сайт на html, то лучшим способом его редактирования является правка его страниц в редакторе без всяких JS и iframe, потому что они не помогут

Searcher · March 11, 2009

Фон задается в стилях параметром background

xameleon · March 11, 2009

Фон задается в стилях параметром background

я знаю ка задается фон, но я не могу подключить его через внешний css, т.е. когда я прописываю его в коде html все ок, а когда выношу во внешний css файл то он не загружается

код следующий:

html, body {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: auto;
	background: url(img/fon.jpg) repeat;
   }

Если есть простенький сайт на html, то лучшим способом его редактирования является правка его страниц в редакторе без всяких JS и iframe, потому что они не помогут

тут я с вами не соглашусь, если требуется постоянно менять содержимое главной страницы, то фрейм очень удобная для этого вещь, элементарно закидываеш новый txt и главная страница обновленна, если же это делать напрямую через код, то придется сначало настроить стили для текста и потом колько закидывать страницу на ftp а это время.

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

Edited March 11, 2009 by xameleon

s0rr0w · March 11, 2009

тут я с вами не соглашусь, если требуется постоянно менять содержимое главной страницы, то фрейм очень удобная для этого вещь, элементарно закидываеш новый txt и главная страница обновленна, если же это делать напрямую через код, то придется сначало настроить стили для текста и потом колько закидывать страницу на ftp а это время.

Ваше право думать как вам хочется. Реалии жизни просто могут не совпадать с вашими мечтами :lol:

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

А какой размер у вашего шрифта?

xameleon · March 11, 2009

13px, поискал в интернете на счет шрифта, нашел способ. но по описанию он сложный, потому даже не стал в ним заморачиваться, м.б. есть более простые способы?

т.е. вы хотите сказать что вам проще в html код вставить текст имеющий 5 абзатцев, каждый абзатц, точнее первая строка отделяется от края табуляций, + в каждом абзатце 5 строк? по мне так проще закинуть тек5стовый документ содержащий данное форматирование и запустить его через фрем

Edited March 11, 2009 by xameleon

Searcher · March 11, 2009

я знаю ка задается фон, но я не могу подключить его через внешний css, т.е. когда я прописываю его в коде html все ок, а когда выношу во внешний css файл то он не загружается

если css файл находится в другой папке, то и путь img/fon.jpg должен быть другим

А шрифты не советую подгружать.

Во-первых, для текста достаточно стандартных шрифтов, текст написанный художественным шрифтом тяжело читать, а посетители не любят напрягать глаза. А одно 2 слова для меню или чего-то подобного можно и картинкой сделать.

Во-вторых, шрифты всегда достаточно хорошо весят, а у многих интернет не быстрый, да и трафик тоже платный... Не стоит напрягать посетителей.

Знаю такую конструкцию, но никогда не использовал и слышал, что не все броузеры это поддерживают: @font-face {font-family: fontName; src: url(failMame.eot) }

xameleon · March 11, 2009

да, я читал про неё, но я искал простой кроссплатформенный способ, оказывается его нет, ну да ладно, уже сделал картинкой, но столкнулся с другой проблеммой, причем извечной, png24 в ие :lol: , собственно решение использую следующее

<img src="image.png" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image.png); width:expression(1); height:expression(1);"/>

проблемма следующего плана смотрим тут

на счет багроундс и css, файл css лежит вместе с html, а картинка в папке img, пути прописанны правильно 100%

в хтмл добавил следующее:

<link rel="stylesheet" type="text/css" href="mysite.css">

в css следующее:

  <style type="text/css">
html, body {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: auto;
	background: url(img/fon.jpg) repeat;
   }
A:link {
	font: 12pt/10pt sans-serif;
	color:	  #008000;
   }
A:visited {
	font: 12pt/10pt sans-serif;
	color:	  #008000;
	text-decoration: none
	}
A:active {
	font: 12pt/10pt sans-serif;
	color:	  #008000;
	text-decoration: none
   }
A:hover {
	font: 12pt/10pt sans-serif;
	text-decoration: none;
	color: red;
   }
  </style>

все кроме html, body работает, странно...

Edited March 11, 2009 by xameleon

xameleon · March 11, 2009

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

и еще возник вопрос по поводу доктайта, тоже как я понимаю извечный, подскажите почему когда я в нем не указываю урл то ифрейм загружается а когда указываю урл то ифрейм не загружаются

Edited March 11, 2009 by xameleon

Victor Ananiev · March 11, 2009

покажи код)) может где то что то не по стандартам)

xameleon · March 11, 2009

код выше :lol:

Victor Ananiev · March 11, 2009

я что то там не вижу ифрейма)

Nekromancer · March 11, 2009

да, покажи код от доктайпа то закрывающего тега head.. уж больно интересно...

Edited March 11, 2009 by Nekromancer

xameleon · March 11, 2009

и все равно не пашет :lol: , добавил слеш перестал вообще фон отображаться, без черточки отображдается если в теле документа

столкнулся с небольшим ограничением, в ифрейме неполучается прописать height по 100%, хатя width нормально работает по 100%, ифрейм находится в ячейке td width="65%", еще после указания урла в доктейпе ифрейм перестал работать с тхт что тоже не есть хороше

Victor Ananiev, теперь я понял в чем был косяк, и почему ты говорил что проще без ифрейма, но всетаки у ифрейма тоже есть свои +++

Edited March 11, 2009 by xameleon

Nekromancer · March 11, 2009

может тебе место фрейма использовать SSI??

xameleon · March 11, 2009

это код моего index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title>index</title>
<link rel="stylesheet" type="text/css" href="mysite.css">
  <style type="text/css">
html, body {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: auto;
	background: url(img/fon.jpg) repeat;
   }
  </style>
</head>

<body>
<table width="100%" height="100%" border="0" cellpadding="2" cellspacing="2">
  <tbody>
	<tr>
	  <td style="text-align: center"; height="138px" colspan="3" rowspan="1">
<img border="0" width=223 height=138 src="img/logo.gif">
	  </td>
	</tr>
	<tr>
		<!-- menu -->
	  <td width="20%">
	  <img width="250" height="65" src="img/oglavlenie.gif">
<br>
<center>
<table border="0" cellpadding="2" cellspacing="2">
  <tbody>

	<tr>
	  <td><img src="img/strelka.gif"></td>
	  <td><a href="http://mysait.ru/Help.htm" >
	  <img src="img/index.gif" border="0" alt=""></a><br><img width="150" height="7" src="img/polosa.gif"></td>
	</tr>
	<tr>
	  <td><img src="img/strelka.gif"></td>
	  <td><a href="http://mysait.ru/Help.htm">
	  <img src="img/download.gif" border="0" alt=""></a><br><img width="150" height="7" src="img/polosa.gif"></td>
	</tr>
	<tr>
	  <td><img src="img/strelka.gif"></td>
	  <td><a href="http://mysait.ru/Help.htm">
	  <img src="img/faq.gif" border="0" alt=""></a><br><img width="150" height="7" src="img/polosa.gif"></td>
	</tr>
	<tr>
	  <td><img src="img/strelka.gif"></td>
	  <td><a href="http://mysait.ru/Help.htm">
	  <img src="img/mail.gif" border="0" alt=""></a><br><img width="150" height="7" src="img/polosa.gif"></td>
	</tr>

  </tbody>
</table>
</center>
	  </td>

	  <td width="65%">

	  <iframe src="indexx.html" frameborder="0" width="100%" height="500" align="center"> </iframe>
	  </td>

	  <td width="15%">
<table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2">
  <tbody>
	<tr>
	  <td>туту будут топы<br><br><br><br></td>
	</tr>
  </tbody>
</table>

	  </td>
	</tr>
	<tr>
	  <td></td>
	  <td style="text-align: center"; height="10%";>
тут будет контактная информация и копирайты
	  </td>
	  <td></td>
	</tr>
  </tbody>
</table>
</body>
</html>

это код моего mysait.css

  <style type="text/css">
html, body {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: auto;
	background: url(img/fon.jpg) repeat;
   }

  </style>

к сожалению спойлер не работает потому не смог его туда загнать

когда я убираю из кода хтмл css и оставляю тока линк он ну никак не реагирует на фон, однако другие стили подгружает, файл css лежит в папке с index.html, фон в поддиректории img

насколько мне известно ssi не все хостеры используют

наиболее рациональней было бы использовать js, но если у человека он выключен? тот тут уже никак делу не поможеш :lol:

Edited March 11, 2009 by xameleon

Victor Ananiev · March 11, 2009

А зачем под абсолютно все? может лучше вначале сайт сверстать, а потом хостера искать) тем более если сайт нормальный, не тестовый, можна и за хостера заплатить)

Victor Ananiev, теперь я понял в чем был косяк, и почему ты говорил что проще без ифрейма, но всетаки у ифрейма тоже есть свои +++

Я мог говорить лишь про плохую индексацию) а про легкость не заикался даже)

xameleon · March 11, 2009

ну на счет индексации не знаю, а сайт не стоит того что бы за него платить, у меня есть сайт который висит на платном хостинге потому что требует мускуль апатч чпу и пхп, он стоит этого, а тот что я щас делаю, это, эмм, маленький простенький сайт на котором будут выложенны разные учебюники в формате chm, не думаю что для этого нужно делать можный сайт с полной индексаций :lol:

Nekromancer · March 11, 2009

может убрать вот это?

	height: 100%;
	width: 100%;
	position: absolute;

хз что получится но может убрать...

SSI идёт в стандартом пакете в большенстве хостингов... около 30-40 баксов в ГОД!.......

это чё много?

xameleon · March 11, 2009

для платного проекта это нормально, но для бесплатного проекта не использующего ни php ни мускуль, смысла не вижу... если тиц поднимется то можно будет перейди на нормальный движек и тогда уже подумать о рекламме и т.д. но щас...

убрал не помогло, пофиг, буду багроундс подгружать из тела index, а остальные css из внешнего файла

чем плох iframe?

Edited March 11, 2009 by xameleon

Searcher · March 12, 2009

в файле css не надо все в контейнер <style type="text/css"> вкладывать! Надо просто писать классы безо всяких тэгов. А то, что перед html, body стоит строка <style type="text/css"> скорее всего и не дает срабатывать этому стилю.

xameleon · March 12, 2009

спасибо Searcher, проблемму со стилями решил

Sign In

багроундс и ифрейм

Question

Link to comment

Share on other sites

24 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information