Jump to content
  • 0

Помогите новичку.


Klock
 Share

Question

Всем привет, я только начал изучать язык CSS и у меня сразу возникла проблема с выводом результата в разных браузерах.

Итак:

Создал отдельный файл style.css

В нем написал простые команды:

h2 {color:green;}

body {background-image:url(bg_img.jpg);}

Затем присоеденил этот файл к HTML файлу следующим образом:

body

итд.

Внимание Знатоков вопрос! Открываю свою страницу в IE6, IE7, все прекрасно работает. Открываю ту же страницу в Firefox 2.0.0.14 команды стилей не работают, виден только результат из HTML текста (актуализировать страницу пробовал :) ). Внимание вопрос! Что я не учел, почему в Firefox не работает :| ?

Зарание благодарен за помощь Klock :cool: .

Link to comment
Share on other sites

18 answers to this question

Recommended Posts

  • 0

Попробовал, в IE зеленый изменил зеленый оттенок, а в FF никакой реакции. Вот моя страница: v-strelok.de

PS. Эксперементы со стилями провожу пока только на главной строанице.

Link to comment
Share on other sites

  • 0

взял твой html

<html><head>



<title>V-Strelok Demoseite</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-16LE" charset="windows-1251">
<meta name="keywords" content="Demo, Strelkovskyy">
<meta name="description" content="Demo WEB-Seite">
<link href="./style.css" type="text/css" rel="stylesheet">

</head><body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

<table width="992" align="left" border="1" cellpadding="5" cellspacing="1" height="500">
<tbody><tr>
<!-- Ячейка с лого -->
<td width="200" align="center" height="90">

Logo
</td>
<td>
<h2 align="center">Графическая шапка</h2>
</td>
</tr>
<tr>
<!-- Ячейка навигации -->
<td valign="top" width="200" align="center" height="400">
<!-- Кнопки -->

<table width="200" align="left" border="1" cellpadding="0" cellspacing="0">
<tbody><tr><td><p align="center"><a href="http://www.v-strelok.de/index.html">Главная</a></p></td></tr>
<tr><td><p align="center">Button 2</p></td></tr>
<tr><td><p align="center"><a href="http://www.v-strelok.de/konspekt.html">Конспекты</a></p></td></tr>
</tbody></table>
</td>
<td valign="top">

<h3 align="center">Основной текст страницы.</h3>
<p align="center"><img src="./Sm.png" width="256" border="0" height="256"></p>
<p align="center">Привет Мир! Здесь появится моя личная страница.</p>
<p>Выберите язык:<a href="http://www.v-strelok.de/index_de.html" title="deutsch">немецкий</a>

</p></td>
</tr>
<tr>
<td td="" colspan="2">

<p>Поселднее обновление: 12.05.2008</p>
</td>
</tr>
</tbody></table>

</body></html>

дополнил твоим чуть поправленым стилем

h2 {color:#00ff00;}
body {background-image:url(bg_img.jpg);}

не знаю почему не работало у тебя, но у меня все завелось с пол оборота

Link to comment
Share on other sites

  • 0
PS. Эксперементы со стилями провожу пока только на главной строанице.

пожалуйста, пиши грамотно

v-strelok.de

и ставь http:// перед названием сайта, чтоб не копировать его, а просто щелкать

Link to comment
Share on other sites

  • 0

Спасибо Девятилап, просто взял твой текст, создал новый файлы index.html и style.css и скопировал их к cебе на ftp. К сожалению у меня это результат не принесло. Поэтому вернул свои оригенальные файлы. За опечатку прошу прощения и пожелания учту. Сейчас позвоню другу, если у него все выводиться нормально, значит проблема в мо?м FF.

Link to comment
Share on other sites

  • 0

скажу вот что - у меня ТВОЙ код тоже не выводился правильно. проблема могла быть в том что относительные пути лучше всего указывать как "./path" вот так. но в идеале конечно использовать абсолютные. еще у тебя что-то в стилях делала конструкция ;; зачем 2 точки-с-запятой подряд я так и не понял.

Link to comment
Share on other sites

  • 0

Лишние ;; я случайно опечатолся когда слово green на шестнадцатеричный код цвета менял. Почти сразу заметил и исправил. Ты просто увидел как раз не исправленый вариант.

Link to comment
Share on other sites

  • 0

Ок, попробую полный путь написать. Хотя у меня index.html и style.css на одной домейне лежат или по другому говоря в одной верхней папке. Да и в IE все нормально выводиться. Буду дальше колдовать :(.

Link to comment
Share on other sites

  • 0
Открываю свою страницу в IE6, IE7, все прекрасно работает. Открываю ту же страницу в Firefox 2.0.0.14 команды стилей не работают, виден только результат из HTML текста (актуализировать страницу пробовал :( ). Внимание вопрос! Что я не учел, почему в Firefox не работает :| ?

Зарание благодарен за помощь Klock :cool: .

Команды css вынесены в файл style.css

Всем привет! Спустя сутки ответ не найден, да и я пока сам не разобрался:(. Все же надеюсь что кто-нибудь поможет найти моей проблеме решение. Кстати вчера проверял свою страничку и в "Опере", она работает там нормально. И такой же результат у меня дома на комп., лептопе, и на компе на работе.

Моя стр.: http://v-strelok.de/

PS: Продолжаю изучать CSS и буду все тестировать в IE. Если найду решение для FF, здесь напишу. Всем хорошего дня!:(

Link to comment
Share on other sites

  • 0

Кстати, создала у себя локально страничку с вашим кодом (путь к css-файлу оставила на ваш сайт, т.е. полный) и локально на машине в FF вс? отлично отобразилось - и фон и зел?ный заголовок шапки..

Link to comment
Share on other sites

  • 0
Кстати, создала у себя локально страничку с вашим кодом (путь к css-файлу оставила на ваш сайт, т.е. полный) и локально на машине в FF вс? отлично отобразилось - и фон и зел?ный заголовок шапки..

Спасибо, это меня чесно радует и в тоже время озодачивает. Что тогда с браузером FF, который я на 3-х компьютерах тестировал. На двух из них FF я инсталировал лично и ни каких спецальных настроек после инсталяции не делал. Попробую покапоться в настройках FF:/.

Link to comment
Share on other sites

  • 0

УРА!!!! Я разобрался в чем дело!!!

Я писал текст css-документа в редактор Notepad++. Севодня открыл свой файл просто в Editor, пересохранил, сначало не помогло. Пересохранил снова указав кодировку uncode, и во всех браузерах заработало! Так что я пологаю проблема всетаки заключалась в кодировке.

Всем кто пытался помочь, большое спасибо! Особая благодарность ~Kitty~, так как Вы навели меня на правильную мысль! :(

Можно считать тему закрытой.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy