Jump to content
  • 0

CSS3 : Как начать работать?


Eugene Kireev
 Share

Question

Здравствуйте.

У нас в ВУЗе проходит курс web-графики и в кач-ве финального экзамена надо продемонстрировать сайт, который мы должны сделать сами.

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

Я не сразу побежал писать тему сюда, вы не подумайте! Я пытался разобраться сам, но увы - не получилось. Я подумал, что решением проблемы может послужить функция растяжки фона в CSS3, о котором нашел мануал у вас на сайте, но встретился с новой проблемой. Дело в том, что я не понимаю, что такое CSS3. Точнее будет сказать, что я вообще не знаю никаких других CSS, кроме самого стандартного (когда создается блокнотный файл и форма с ".txt" меняется на ".css").

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

Заранее спасибо и простите за то, что не смог найти ответ сам.

Знакомый сказал, что CSS просто может не работать во фреймах.

Неужели все придется переделывать?

Link to comment
Share on other sites

17 answers to this question

Recommended Posts

  • 0

Вас в ВУЗе учат делать сайты на фреймах!? Печали моей нет предела :(

Документ во фрейме ничем не отличается от обычного документа. Следовательно стили там работают абсолютно любые. Просто вы что-то не так делаете.

  • Like 2
Link to comment
Share on other sites

  • 0

Вас в ВУЗе учат делать сайты на фреймах!? Печали моей нет предела :(

Документ во фрейме ничем не отличается от обычного документа. Следовательно стили там работают абсолютно любые. Просто вы что-то не так делаете.

Мне уже сказал товарищ, что лучше заменить фреймы на div, но уже поздно. Придется все переделывать, а времени на это нет!

Я пишу

<html>

<head>

<meta charset="utf-8">

<title>topframe</title>

<style>

body { background: url(images/fon2.jpg) no-repeat; -webkit-background-size: 100%;}

</style>

</head>

<body>

</body>

</html>

И не получается!

Link to comment
Share on other sites

  • 0

А в каком браузере смотрите? Дело в том, что у вас правило написано только для Chrome и Safari, т.е. больше нигде работать не будет.

В Chrome и смотрю. Не могу понять, что не так.

Может быть все таки есть способ растянуть фон без CSS?

Link to comment
Share on other sites

  • 0
Вас в ВУЗе учат делать сайты на фреймах!? Печали моей нет предела

После прочтения первого сообщения темы в моей голове возниклонесколько предположений одно печальней другого.

Можно подумать, что Вы всегда все знали. Так что пожалуйста, не надо умничать. Если не можете или не хотите помочь - Вас никто не заставляет.

Link to comment
Share on other sites

  • 0

Запостите полный код фрейма и полный код основного файла (куда вставляете фрейм). Без CSS никак.

Код фрейма:

<HTML>

<HEAD>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">

<TITLE>FRAME</TITLE>

</HEAD>

<BODY BACKGROUND = "../Images/123.jpg">

</BODY>

</HTML>

Код основы :

<HTML>

<HEAD>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">

<TITLE>Тайна перевала Дятлова</TITLE>

</HEAD>

<frameset rows="25%,75%">

<frame src="Text/topframe.html" name="Верх" scrolling="no" noresize>

<FRAMESET COLS="20,80">

<FRAME SRC="Text/frame.html" name="Меню" scrolling="no" noresize>

<FRAME SRC="Text/page1.html" name="frame1" scrolling="yes" noresize>

</FRAMESET>

</HTML>

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