Фон сайта

alessandrou · May 3, 2011

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

Так вот вопрос, что мне сделать, чтобы фон сайта был нижним слоем?

вот код:


<HTML>
<TITLE>Всё о цветах</TITLE>
</HEAD>
<body>  > <center>
 <TABLE width="750"border="1">
<TR><TH colspan="2" width="750" height="150" bgcolor="#A0CFFF">
<img src="sait.jpg"> </TH> </TR>
 <TR>
<THEAD>
<TH bgcolor="#CCFFFF" width="120"valign="top"><a href="index.html" style="text-decoration: none;"><span style=";font-family:Monotype Corsiva;font-size:18px;color:blue;">Главная</span></a></TH><TH bgcolor="#CCFFFF" width="120"valign="top"><marquee behavior="scroll" direction="left"><FONT color="blue">Вот сюда вставишь свой какой-нибудь текст!</FONT></marquee></TH>
</THEAD>
<TH bgcolor="#CCFFFF" width="150"valign="top">
 <FONT color="red">Меню сайта</FONT>
<br>
<p align="left"><img src="ucaz.jpg">
<a href="index2.html" style="text-decoration: none;"><span style=";font-family:Monotype Corsiva;font-size:18px;color:blue;">Роза</span></a>
<br>
<img src="ucaz.jpg">
<a href="index2.html" style="text-decoration: none;"><span style=";font-family:Monotype Corsiva;font-size:18px;color:blue;">Тюльпан</span></a>
<br>
<img src="ucaz.jpg">
<a href="index2.html" style="text-decoration: none;"><span style=";font-family:Monotype Corsiva;font-size:18px;color:blue;">Хризантема</span></a>
<br>
<img src="ucaz.jpg">
<a href="index2.html" style="text-decoration: none;"><span style=";font-family:Monotype Corsiva;font-size:18px;color:blue;">Ромашка</span></a>
<br>
<img src="ucaz.jpg">
<a href="index.html" style="text-decoration: none;"><span style=";font-family:Monotype Corsiva;font-size:18px;color:blue;">О проекте</span></a>
<br>
<img src="ucaz.jpg">
<a href="index.html" style="text-decoration: none;"><span style=";font-family:Monotype Corsiva;font-size:18px;color:blue;">Фотографии</span></a></p>
_____________________
<script language='javascript' type='text/javascript'> 
 function fulltime () { 
 var time=new Date(); 
 var newYear=new Date("January,22,2012,00:00:00"); 
 var totalRemains=(newYear.getTime()-time.getTime()); 

 if (totalRemains>1){ 

 var RemainsSec = (parseInt(totalRemains/1000)); 
 var RemainsFullDays=(parseInt(RemainsSec/(24*60*60))); 
 var secInLastDay=RemainsSec-RemainsFullDays*24*3600; 
 var RemainsFullHours=(parseInt(secInLastDay/3600)); 
 if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours}; 
 var secInLastHour=secInLastDay-RemainsFullHours*3600; 
 var RemainsMinutes=(parseInt(secInLastHour/60)); 
 if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes}; 
 var lastSec=secInLastHour-RemainsMinutes*60; 
 if (lastSec<10){lastSec="0"+lastSec}; 

 document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+"<span id='Rem'>дн</span>"; 
 document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"<span id='Rem'> ч.</span>"; 
 document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"<span id='Rem'> мин</span>"; 
 document.getElementById("lastSec").innerHTML=lastSec+"<span id='Rem'> сек</span>"; 
 setTimeout('fulltime()',10) 
 } 

 else{ 
 document.getElementById("clock").innerHTML="Мой день рождения сегодня!!"; 
 } 
 } 
 </script> 
 <style type='text/css'> 
 #clou_xs {position:relative;width:150px;height:100px;padding:10px;} 
 #clock {height:150px;text-align:center;font-size:13px;} 
 #RemainsFullDays {position:absolute;top:50%;left:40%;font-size:25px;} 
 #RemainsFullHours {position:absolute;bottom:1px;left:40px;font-size:15px;} 
 #RemainsMinutes {position:absolute;bottom:1px;left:87px;font-size:15px;} 
 #lastSec {position:absolute;bottom:1px;left:135px;font-size:15px;} 
 #Rem {font-size:11px;font-weight:normal;}  
</style> 
 <div id='clou_xs'> 
 <div id='clock'> <FONT color="red">
До моего дня рождения осталось: </FONT>

 <span id='RemainsFullDays'></span> 
 <span id='RemainsFullHours'></span> 
 <span id='RemainsMinutes'></span> 
 <span id='lastSec'></span> 
 </div> 
 </div> 
 <script language='javascript'>fulltime();</script>
_____________________
<script language=JavaScript> 
<!-- 
d0 = new Date('May 10, 2011'); 
d1 = new Date(); 
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); 
document.write('<font color="red">Этот сайт живет <B>' + Math.round(dt) + '</B>-й день.<br></font>'); 
--> 
</SCRIPT>

<TD width="600"valign="top">
 <H2> <font color="#008000">Цветок</font></H2>
 <P>
     <i> сложный генеративный орган семенного размножения цветковых (покрытосеменных) растений.

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

Цветок, будучи уникальным образованием по своей природе и функциям, поразительно разнообразен по деталям строения, окраске и размерам. Самые мелкие цветки растений семейства Рясковые имеют в диаметре всего около 1 мм, в то же время как самый крупный цветок у раффлезии Арнольда (Rafflesia arnoldii R.Br.) семейства Раффлезиевые, обитающей в тропических лесах на острове Суматра (Индонезия), достигает в диаметре 91 см и имеет массу около 11 кг.</i>".
</P>
</TD>
</TR>
<footer><TH colspan="2" width="750" height="50" bgcolor="#CCFFFF"><FONT color="blue">Priviate project<br>by Nikolai Kradin© <br>Moscow 2011 </FONT></TH> </footer>
</TABLE>
 </CENTER>
</BODY>
</HTML>

Veseloff · May 3, 2011

1. Код в посте необходимо заключать в специальные блоки. Сейчас я это сделал за вас, но в следующий раз покараю

2. Где доктайп? Почему закрываются неоткрытые теги?

3. Давайте ссылку на страницу — там видно будет. А пока ничего не понятно.

Softlink · May 3, 2011

а где сама картинка из-за которой весь сыр бор? Куда вы ее вставляете?

Temiks · May 3, 2011


<style type="text/css" > 
body {  
background: url(myphoto.jpg) 
}     
</style>

alessandrou · May 3, 2011

вот сам сайт:

Вот так у меня получается с фоном:

а вот сам фон:

Edited May 3, 2011 by alessandrou

Softlink · May 3, 2011

ваша шапка с фоном для таблицы:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<TITLE>Всё о цветах</TITLE>
<style>
table{background:url(fon.jpg) repeat-x;}
</style>
</HEAD>

ваша шапка с фоном для всего сайта:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<TITLE>Всё о цветах</TITLE>
<style>
body{background:url(fon.jpg) repeat-x;}
</style>
</HEAD>

Edited May 3, 2011 by Softlink

Temiks · May 3, 2011

задайте колонке где слово цветок бг, вот к этому


<TD width="600"valign="top" bgcolor="тут ваш цвет">
 <H2> <font color="#008000">Цветок</font></H2>
 <P>
     <i> сложный .............. кг.</i>".
</P>
</TD>

Edited May 3, 2011 by Temiks

ctpz · May 4, 2011

А вы не пробовали той ячейке, где цветок фон дать?

<TD width="600" valign="top" bgcolor="#cccccc">
 <H2> <font color="#008000">Цветок</font></H2>
 <P>
     <i> сложный генеративный орган семенного размножения цветковых (покрытосеменных) растений.

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

Цветок, будучи уникальным образованием по своей природе и функциям, поразительно разнообразен по деталям строения, окраске и размерам. Самые мелкие цветки растений семейства Рясковые имеют в диаметре всего около 1 мм, в то же время как самый крупный цветок у раффлезии Арнольда (Rafflesia arnoldii R.Br.) семейства Раффлезиевые, обитающей в тропических лесах на острове Суматра (Индонезия), достигает в диаметре 91 см и имеет массу около 11 кг.</i>".
</P>
</TD>

Searcher · May 4, 2011

alessandrou, это УЖАС какой-то! Ради бога, не делайте этот фон! Это выглядит отвратительно!

Без такого фона тоже кошмар, но с фоном вызывает тошноту.

Уберите вы все оформление, рамки эти ужасные, заливки ячеек. Сделайте просто на белом фоне черный текст и картинки. И всё. Это будет хорошо смотреться, а сейчас - УЖАС!

Вы говорите о цветах, а строите прямоугольно-перпендикулярные линии.

Ну и, вообще. Почему тут макет реализован таблицей, а не блоками?

В каком редакторе сайт делаете?

Выкидывайте ваш код, он безобразен и с огромным количеством ошибок! Стили и скрипты описаны где-то в середине кода, это вообще нонсенс и говорит том, что вы совершенно не понимаете, что делаете.

Учите матчасть и делайте все руками с самого начала.

htmlbook.ru

Softlink · May 4, 2011

Searcher, тут видно, что человек только начинает копать html. Сайт в таблицах, стили в коде.

Со временем, если будет у него желание, сам придет к выводам.

А от того, что он начнет делать с самого начала, ничего не изменится. Будет та же картина, только в профиль.

Searcher · May 4, 2011

Если человек начнет делать с самого начала, предварительно почитав литературу по html и css, то он как раз начнет осознанно верстать. Это и есть обучение. Пока никто лучшего принципа не придумал. Основы теории, потом практика с параллельным изучением.

А то, что сейчас происходит - это попытки чтобы за него все сделала программа и/или еще кто-то.

Softlink · May 4, 2011

немного не так.

Человек захотел сделать сайт сам. Он нашел в сети несколько учебников по html(как правило для чайников). Немного разобрался как это работает. И сверстал то, что мы сейчас видим. Работает? Вполне. Он доволен результатом. А о том, что это можно и нужно сделать качественней, ему неведомо, т.к. ожидаемый результат он уже получил и, наверняка, считает его правильным. А вот после наших постов здесь(если он их прочитает) и при желании чему-то научиться в этой области, вполне подходит ваш принцип про теорию и практику.

Edited May 4, 2011 by Softlink

alessandrou · May 4, 2011

Спасибо всем кто помог.

Соглашусь сайт далеко не идеален, но и сделал его я не для себя и за 2 дня с начальным знанием html, в будущем безусловно буду учиться.

Ещё раз спасибо за помощь.

Softlink · May 4, 2011

Спасибо всем кто помог.
Ещё раз спасибо за помощь.

на здоровье

Соглашусь сайт далеко не идеален, но и сделал его я не для себя и за 2 дня с начальным знанием html, в будущем безусловно буду учиться.

"пилите, Шура, пилите ..."

Edited May 4, 2011 by Softlink

Searcher · May 4, 2011

Спасибо всем кто помог.
Соглашусь сайт далеко не идеален, но и сделал его я не для себя и за 2 дня с начальным знанием html, в будущем безусловно буду учиться.
Ещё раз спасибо за помощь.

В таком виде не все броузеры нормально отобразят, а при желании внести изменения, все начнет совсем разваливаться. И мне жаль того, для кого вы это сделали. Очень интересная у вас жизненная позиция... Вы почему-то решили, что не для себя можно и схалтурить... ((

Вы хотябы исправьте структуру кода, тогда эта верстка еще немного продержится.

Int · May 4, 2011

Почему тут макет реализован таблицей, а не блоками?

А почему некоторые мятую картошку едят вилкой, а не ложкой?

Searcher · May 5, 2011

Почему тут макет реализован таблицей, а не блоками?
А почему некоторые мятую картошку едят вилкой, а не ложкой?

Нет, тут два варианта ответа:

- так хочется

- иначе не умею

alessandrou · May 15, 2011

Почему тут макет реализован таблицей, а не блоками?
А почему некоторые мятую картошку едят вилкой, а не ложкой?

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

Sign In

Фон сайта

Question

Link to comment

Share on other sites

17 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

Join the conversation

Обсуждения

Important Information