Изменение фона тела с помощью CSS с использованием одного и того же кода на обеих страницах, но это не работает

Question

Изменение фона тела с помощью CSS с использованием одного и того же кода на обеих страницах, но это не работает

0

У меня две HTML-страницы

list.html

<html>
<head>
    <title>List</title>
</head>
<style>
    body {background-image:url('Judul.jpg');}
</style>
<body>
    <br></br>
    <a href="about.html" target="tengah" style="color:blue;margin-center:40px;font-family:Segoe UI;">Main page</a>
    <br></br>
    <a href="list.html" target="tengah" style="color:blue;margin-center:40px;font-family:Segoe UI;">About Us</a>
</body>
</html>

затем вторая

<html>
<head>
    <title>Elemental Website</title>
</head>
<style>
    body {background-image:url('Judul.jpg');}
</style>
<body>
    <h1 style="font-family:Segoe UI;60px;text-align:center;">Judul</h1>
    <pr></pr>
    <pr></pr>
    <table bordercolor=blue align=center border=1>
        <tr align=center height=25>
            <td><marquee>Welcome !</marquee></td>
            <td><marquee>Welcome !</marquee></td>
            <td><marquee>Welcome !</marquee></td>
            <td><marquee>Welcome !</marquee></td>
            <td><marquee>Welcome !</marquee></td>
            <td><marquee>Welcome !</marquee></td>
            <td><marquee>Welcome !</marquee></td>
        </tr>
    </table>
    <h2 align=left font face=italic>
        <p style="font-size:14px">Current Resolution : 1920 x 1080</p>
    </h2>
</body>
</html>

То, что я пытаюсь сделать, это просто изменить фон на второй странице с помощью CSS, но он не загружает фоновое изображение, однако он отлично загружается в list.html.

Так что я чего-то не хватает?

Tommy Aria Pradana 13 дек. 2013, в 14:41

Источник

2

Находятся ли страницы на одном уровне папок?
Thomas Bøg Petersen 13 дек. 2013, в 12:44
0

Это две разные страницы, используемые в качестве IFrame для index.html, но я попробовал код выше, открыв его отдельно
Tommy Aria Pradana 13 дек. 2013, в 12:47

Теги:

html

css

4 ответа

1

Вставьте следующий код в тег body на обеих страницах, чтобы увидеть, можно ли найти изображение вообще:

<img src="Judul.jpg" alt="Judul"/>

Является ли изображение видимым на обеих страницах?

Вы пытались очистить кеш браузера и перезагрузить свои страницы?

Почему вы используете теги <pr></pr> на второй странице? В HTML нет такой вещи. Всегда полезно проверять ваш HTML время от времени: http://validator.w3.org/

WP_ 13 дек. 2013, в 10:55

0

Являются ли list.html, ваш второй html файл и Judu1.jpg все в одном каталоге? Вы ссылаетесь на изображение относительно, так что Judu1.jpg должно быть в том же каталоге, что и ваш html файл.

Eric 13 дек. 2013, в 11:10

-2

Может видеть тип u в некотором стиле для тега H1 и т.д., Тогда просто сделайте то же самое для тела. Удалите u'r STYLE и замените

<body>

с

<body background="Judul.jpg">

Thomas Bøg Petersen 13 дек. 2013, в 10:21

Ещё вопросы

Находятся ли страницы на одном уровне папок?
Это две разные страницы, используемые в качестве IFrame для index.html, но я попробовал код выше, открыв его отдельно

Advocation · Accepted Answer · 2013-12-13T10-09-00.000Z

Что касается фонового изображения без загрузки, я бы предположил, что это потому, что файлы находятся в двух разных папках, а изображение находится только в первой папке. Если вы переместите файл, который работает некорректно, в ту же папку, что и файл, изображение должно работать. Альтернативно исправить путь к изображению на странице, которая не работает.

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

<style></style> должен находиться в <head></head>.

<br></br> не то, <br> как вы используете в <br> элемент. Он сам закрывается, поэтому вы можете либо оставить его как <br>, либо закрыть его самостоятельно <br/>. Это также не должно использоваться для увеличения разрывов между контентом, вы должны использовать поля CSS или дополнения.

В ваших встроенных стилях H1, font-family:Segoe UI;60px;text-align:center; , 60px ничего не делает, вам нужен размер шрифта: до него, так что строка будет font-family:Segoe UI;font-size: 60px;text-align:center; ,

Тег <marquee> не является частью стандартов, и его поведение отличается в зависимости от браузера.

Я также рекомендовал бы поместить все ваши css в ваш <style> вверху. Это делает ваш HTML намного более чистым, а использование стилей HTML - это, как правило, плохая практика в наши дни!

О, и, как сказал WP_, <pr> не является элементом. <p> и <pre>. <p> следует использовать для абзацев.

и HTML-файлы, и изображение находятся в одном каталоге, но это работает, как я уже сказал в list.html. В любом случае, спасибо за другие исправления и предложения :)