Jump to content
  • 0

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

Klock

Asked by Klock,

 Share

Question

Klock Explorer

Klock

Posted
Posted

Всем привет, я только начал изучать язык 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
Klock Explorer

Klock

Posted
  • Author
Posted

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

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

Link to comment
Share on other sites
  • 0
Иван Шумов Explorer

Иван Шумов

Posted
Posted

взял твой 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
Иван Шумов Explorer

Иван Шумов

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

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

v-strelok.de

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

Link to comment
Share on other sites
  • 0
Klock Explorer

Klock

Posted
  • Author
Posted

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

Link to comment
Share on other sites
  • 0
Иван Шумов Explorer

Иван Шумов

Posted
Posted

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

Link to comment
Share on other sites
  • 0
Klock Explorer

Klock

Posted
  • Author
Posted

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

Link to comment
Share on other sites
  • 0
Klock Explorer

Klock

Posted
  • Author
Posted

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

Link to comment
Share on other sites
  • 0
Klock Explorer

Klock

Posted
  • Author
Posted
Открываю свою страницу в 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
~Kitty~ Explorer

~Kitty~

Posted
Posted

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

Link to comment
Share on other sites
  • 0
Klock Explorer

Klock

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

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

Link to comment
Share on other sites
  • 0
Klock Explorer

Klock

Posted
  • Author
Posted

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

Я писал текст 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
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • 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

  I accept