CSS шаблон не работает на сайте - HTML и CSS

Kate96 · 19.11.2011, 20:24

Завтра сайт уже надо открывать, на компе всё было замечательно загрузила для пробы на UcoZ и сразу фигня началась.
1) Картинка из шапки не отображается, при чём я её и в HTML код прописывала - ничего, сначала вроде по ссылке открывалась. А теперь вообще никак.
2) На сайте в правом нижнем углу должна быть маленькая картинка и двигаться вместе с текстом. Так она тоже пропала, хотя все элементы загрузила в файловый менеджер.

Вот сам сайт http://mariamukhortova.ucoz.ru/mmmt.html

CSS код

body {
background: #f8d4a4

}

h1 {
color: #990000;
background-color: #FC9804;
}
a:link {
color: blue;
}

a:visited {
color: purple;
}

a:active {
background-color: yellow;
}

a:hover {
color:red;
text-decoration:none;
}
body {
margin: 100px 40px 10px 70px;
}

<div id="picture">
<img src="bill.jpg" alt="Bill Gates">
</div>

<p>causas naturales et antecedentes,
idciro etiam nostrarum voluntatum...</p>

Kate96 · 19.11.2011, 20:25

HTML

<html>
<head>
<title>
Мария Мухортова
</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<center>
<font color="#da1fd5"> <font size=4> <a href="photo.html">Фото <a href="video.html">Видео <a href="biografia.html">Биография <a href="muzic.html">Аудио <a href="results.html">Результаты <a href="news.html">Новости <a href="http://mariamukhortova.ipb.su/index.php?">Форум <a href="book.html">Гостевая книга </a> </font> </b> </font>
</center>
<center>
<img src="http://mariamukhortova.ucoz.ru/MASHA.gif" width="1100" height="382">
</center>
После распада с Павлом Лебедевым встала в пару с Максимом Траньковым. В 2005 году они выиграли чемпионат мира среди юниоров.
<br>
<br>
<iframe src="http://vk.com/video_ext.php?oid=-1622084&id=26002515&hash=1ae31583bd f15452" width="607" height="360" frameborder="0"></iframe>
<br>
<br>
<iframe src="http://vk.com/video_ext.php?oid=-1622084&id=22896611&hash=e43e1b9f20 7bd465&sd" width="607" height="360" frameborder="0"></iframe>
<br>
<br>
В сезоне 2005-2006 спортсмены перешли на взрослый уровень и заняли 7 место на этапе Гран-При Skate Canada и 4 на Cup of Russia.
<br>
<br>
<iframe src="http://vk.com/video_ext.php?oid=-1622084&id=52946018&hash=ddd78b3f26 326629&sd" width="607" height="360" frameborder="0"></iframe>
<br>
<br>
<iframe src="http://vk.com/video_ext.php?oid=-1622084&id=26107420&hash=6c7529b7b2 ba4735&sd" width="607" height="360" frameborder="0"></iframe>
<br>
<br>
<iframe src="http://vk.com/video_ext.php?oid=-1622084&id=40783693&hash=8ac7a554c5 956e52&sd" width="607" height="360" frameborder="0"></iframe>
<br>
<br>
<iframe src="http://vk.com/video_ext.php?oid=-1622084&id=40787387&hash=0ae7544cee e4b652&sd" width="607" height="360" frameborder="0"></iframe>
<br>
<br>
В 2006 году пара сменила тренера и перешла к Олегу Васильеву, после чего уверенно выиграла чемпионат России 2007
<br>
<br>
<object width="480" height="360"><param name="movie" value="http://www.youtube.com/v/v91aPjRosfc?version=3&hl=ru_RU& amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/v91aPjRosfc?version=3&hl=ru_RU& amp;rel=0" type="application/x-shockwave-flash" width="480" height="360" allowscriptaccess="always" allowfullscreen="true"></embed></object>
<br>
<br>
На чемпионат Европы пара не поехала из-за травмы Марии, а на чемпионате мира заняли 11 место
<br>
<br>
Сезон 2007-2008 начали с турнира Finlandia Trophy, где заняли 1 место.
<br>
<br>
<img src="http://cs280.vk.com/u950215/17337149/x_f4c9258a.jpg">
<br>
<br>
<iframe src="http://vk.com/video_ext.php?oid=-1622084&id=31434307&hash=46e7d5c544 9d1531&sd" width="607" height="360" frameborder="0"></iframe>
<br>
<br>
<iframe src="http://vk.com/video_ext.php?oid=-1622084&id=31438317&hash=fedfa78f8b 4bb466&sd" width="607" height="360" frameborder="0"></iframe>
<br>
<br>
Так же в этом сезоне Мария и Максим впервые получили медали взрослого Гран-При (Trophee Eric Bompard)
<br>
<br>
<iframe src="http://vk.com/video_ext.php?oid=-1622084&id=30275471&hash=9490891ea2 959882&sd" width="607" height="360" frameborder="0"></iframe>
<br>
<br>
Чемпионат России и Европы закончили на 2 месте.
<br>
<br>
<iframe src="http://vk.com/video_ext.php?oid=-1622084&id=141170369&hash=962023901 0f1ee9d&sd" width="607" height="360" frameborder="0"></iframe>
<br>
<br>
На чемпионате мира заняли 7 место. Из-за травмы Максима произвольная программа была прервана.
<br>
<br>
<iframe src="http://vk.com/video_ext.php?oid=-1622084&id=34894323&hash=beb1ae6276 3d3df9&sd" width="607" height="360" frameborder="0"></iframe>
<br>
<br>
Сезон 2008-2009 пара начала с турнира «Skate America» где заняли 3 место, при чём после короткой программы они лидировали.
<br>
<br>
На Trophee Eric Bompard Мария и Максим завоевали второе место и впервые в своей карьере попали в финал Гран - При.
<br>
<br>
Однако их выступление омрачило отравление которое получил Максим (на том турнире отравились несколько спортсмнов и судей некачественной водой)
<br>
<br>
На чемпионате России пара заняла второе место, а на чемпионате Европы 3 (будучи лидерами после КП, допустили ряд ошибок в произвольной).
<br>
<br>
На чемпионате мира 2009 ребята заняли 5 место, впервые войдя в пятёрку лучших.
<br>
<br>

</body>

</html>

Для меня это первый опыт работы с CSS и только второй сайт (при чём первый был на компьютере и чисто для обучающихся целей) поэтому скорей всего где-то ступила и накосячила. Пожалуйста подскажите ошибки, завтра уже надо всё заканчивать

Kate96 · 19.11.2011, 20:35

Фон из CSS идёт хорошо и перепроверила на компьютере - всё замечательно

Naive · 20.11.2011, 09:43

Вероятно, сервер линуксе, у них адреса регистрозависимые, в отличие от виндуса.
т.е. MASHA.gif и masha.gif для виндуса одинаковые имена, а для линукса — разные.

TheIronMan · 24.11.2011, 22:02

в css напписано следующее:

td.Form_Caption
text-align: center;
font: bold 16px Verdana;
color: #FFFFFF;
background: #DCDCDC;
border: 1 solid black;
width: 100;
height: auto;
vertical-align: middle;
padding-top: 5;
padding-bottom: 5;

но border: 1 solid black;
не применяется...
Почему?

KPEATuBHO · 28.11.2011, 17:48

Я вам советую для начала указать доктайп документа, далее все абсурдные <center> и <font> удалить, и написать по нормальному в <p> или в <div> с text-align:center;. Далее обратить внимание на слова Naive (2 поста выше). Ну и наверное в конце концов надо использовать актуальную литературу при изучении, а не книги-пережитки конца 90-х...

Naive · 29.11.2011, 16:37

Цитата:

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

в css напписано следующее:

td.Form_Caption
text-align: center;
font: bold 16px Verdana;
color: #FFFFFF;
background: #DCDCDC;
border: 1 solid black;
width: 100;
height: auto;
vertical-align: middle;
padding-top: 5;
padding-bottom: 5;

но border: 1 solid black;
не применяется...
Почему?

Потому что в html-коде нет ячейки с классом Form_Caption, там вообще нет ячеек

19.11.2011, 20:24	#1
Kate96 Регистрация: 15.10.2011 Сообщений: 6	CSS шаблон не работает на сайте Завтра сайт уже надо открывать, на компе всё было замечательно загрузила для пробы на UcoZ и сразу фигня началась. 1) Картинка из шапки не отображается, при чём я её и в HTML код прописывала - ничего, сначала вроде по ссылке открывалась. А теперь вообще никак. 2) На сайте в правом нижнем углу должна быть маленькая картинка и двигаться вместе с текстом. Так она тоже пропала, хотя все элементы загрузила в файловый менеджер. Вот сам сайт http://mariamukhortova.ucoz.ru/mmmt.html CSS код body { background: #f8d4a4 } h1 { color: #990000; background-color: #FC9804; } a:link { color: blue; } a:visited { color: purple; } a:active { background-color: yellow; } a:hover { color:red; text-decoration:none; } body { margin: 100px 40px 10px 70px; } <div id="picture"> <img src="bill.jpg" alt="Bill Gates"> </div> <p>causas naturales et antecedentes, idciro etiam nostrarum voluntatum...</p>

20.11.2011, 09:43	#4
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Вероятно, сервер линуксе, у них адреса регистрозависимые, в отличие от виндуса. т.е. MASHA.gif и masha.gif для виндуса одинаковые имена, а для линукса — разные. Alar, верни репу!

24.11.2011, 22:02	#5
TheIronMan Заблокирован Регистрация: 23.11.2011 Сообщений: 1	CSS шаблон не работает на сайте в css напписано следующее: td.Form_Caption text-align: center; font: bold 16px Verdana; color: #FFFFFF; background: #DCDCDC; border: 1 solid black; width: 100; height: auto; vertical-align: middle; padding-top: 5; padding-bottom: 5; но border: 1 solid black; не применяется... Почему?

28.11.2011, 17:48	#6
KPEATuBHO Форумчанин Регистрация: 03.09.2010 Сообщений: 197	Я вам советую для начала указать доктайп документа, далее все абсурдные <center> и <font> удалить, и написать по нормальному в <p> или в <div> с text-align:center;. Далее обратить внимание на слова Naive (2 поста выше). Ну и наверное в конце концов надо использовать актуальную литературу при изучении, а не книги-пережитки конца 90-х... быстрый хостинг. недорогие домены.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Не работает CSS	CoderGirl	HTML и CSS	2	10.06.2011 14:09
почему у меня шаблон не работает?	the_deer_one	C# (си шарп)	6	16.05.2011 23:15
Почему здесь css не работает?	Иришка753	Помощь студентам	1	03.04.2010 02:54
CSS - неправильно работает в IE и Mozilla	AlexKrause	HTML и CSS	2	15.02.2010 10:48

19.11.2011, 20:25	#2
Kate96 Регистрация: 15.10.2011 Сообщений: 6	HTML <html> <head> <title> Мария Мухортова </title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <center> <font color="#da1fd5"> <font size=4> <a href="photo.html">Фото <a href="video.html">Видео <a href="biografia.html">Биография <a href="muzic.html">Аудио <a href="results.html">Результаты <a href="news.html">Новости <a href="http://mariamukhortova.ipb.su/index.php?">Форум <a href="book.html">Гостевая книга </a> </font> </b> </font> </center> <center> <img src="http://mariamukhortova.ucoz.ru/MASHA.gif" width="1100" height="382"> </center> После распада с Павлом Лебедевым встала в пару с Максимом Траньковым. В 2005 году они выиграли чемпионат мира среди юниоров. <br> <br> <iframe src="http://vk.com/video_ext.php?oid=-1622084&id=26002515&hash=1ae31583bd f15452" width="607" height="360" frameborder="0"></iframe> <br> <br> <iframe src="http://vk.com/video_ext.php?oid=-1622084&id=22896611&hash=e43e1b9f20 7bd465&sd" width="607" height="360" frameborder="0"></iframe> <br> <br> В сезоне 2005-2006 спортсмены перешли на взрослый уровень и заняли 7 место на этапе Гран-При Skate Canada и 4 на Cup of Russia. <br> <br> <iframe src="http://vk.com/video_ext.php?oid=-1622084&id=52946018&hash=ddd78b3f26 326629&sd" width="607" height="360" frameborder="0"></iframe> <br> <br> <iframe src="http://vk.com/video_ext.php?oid=-1622084&id=26107420&hash=6c7529b7b2 ba4735&sd" width="607" height="360" frameborder="0"></iframe> <br> <br> <iframe src="http://vk.com/video_ext.php?oid=-1622084&id=40783693&hash=8ac7a554c5 956e52&sd" width="607" height="360" frameborder="0"></iframe> <br> <br> <iframe src="http://vk.com/video_ext.php?oid=-1622084&id=40787387&hash=0ae7544cee e4b652&sd" width="607" height="360" frameborder="0"></iframe> <br> <br> В 2006 году пара сменила тренера и перешла к Олегу Васильеву, после чего уверенно выиграла чемпионат России 2007 <br> <br> <object width="480" height="360"><param name="movie" value="http://www.youtube.com/v/v91aPjRosfc?version=3&hl=ru_RU& amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/v91aPjRosfc?version=3&hl=ru_RU& amp;rel=0" type="application/x-shockwave-flash" width="480" height="360" allowscriptaccess="always" allowfullscreen="true"></embed></object> <br> <br> На чемпионат Европы пара не поехала из-за травмы Марии, а на чемпионате мира заняли 11 место <br> <br> Сезон 2007-2008 начали с турнира Finlandia Trophy, где заняли 1 место. <br> <br> <img src="http://cs280.vk.com/u950215/17337149/x_f4c9258a.jpg"> <br> <br> <iframe src="http://vk.com/video_ext.php?oid=-1622084&id=31434307&hash=46e7d5c544 9d1531&sd" width="607" height="360" frameborder="0"></iframe> <br> <br> <iframe src="http://vk.com/video_ext.php?oid=-1622084&id=31438317&hash=fedfa78f8b 4bb466&sd" width="607" height="360" frameborder="0"></iframe> <br> <br> Так же в этом сезоне Мария и Максим впервые получили медали взрослого Гран-При (Trophee Eric Bompard) <br> <br> <iframe src="http://vk.com/video_ext.php?oid=-1622084&id=30275471&hash=9490891ea2 959882&sd" width="607" height="360" frameborder="0"></iframe> <br> <br> Чемпионат России и Европы закончили на 2 месте. <br> <br> <iframe src="http://vk.com/video_ext.php?oid=-1622084&id=141170369&hash=962023901 0f1ee9d&sd" width="607" height="360" frameborder="0"></iframe> <br> <br> На чемпионате мира заняли 7 место. Из-за травмы Максима произвольная программа была прервана. <br> <br> <iframe src="http://vk.com/video_ext.php?oid=-1622084&id=34894323&hash=beb1ae6276 3d3df9&sd" width="607" height="360" frameborder="0"></iframe> <br> <br> Сезон 2008-2009 пара начала с турнира «Skate America» где заняли 3 место, при чём после короткой программы они лидировали. <br> <br> На Trophee Eric Bompard Мария и Максим завоевали второе место и впервые в своей карьере попали в финал Гран - При. <br> <br> Однако их выступление омрачило отравление которое получил Максим (на том турнире отравились несколько спортсмнов и судей некачественной водой) <br> <br> На чемпионате России пара заняла второе место, а на чемпионате Европы 3 (будучи лидерами после КП, допустили ряд ошибок в произвольной). <br> <br> На чемпионате мира 2009 ребята заняли 5 место, впервые войдя в пятёрку лучших. <br> <br> </body> </html> Для меня это первый опыт работы с CSS и только второй сайт (при чём первый был на компьютере и чисто для обучающихся целей) поэтому скорей всего где-то ступила и накосячила. Пожалуйста подскажите ошибки, завтра уже надо всё заканчивать

19.11.2011, 20:35	#3
Kate96 Регистрация: 15.10.2011 Сообщений: 6	Фон из CSS идёт хорошо и перепроверила на компьютере - всё замечательно