Пропадает Background

anvill · November 5, 2010

Работаю над своим проетком на хостинге Ucoz. Работая с дизайном столкнулся с необъяснимой для меня проблемой... Ошибка в Html или в CSS я точно не знаю поэтому решил обратиться сюда за помощью.

Пробл.ема заключается в том что по правой стороне сайта располагается блок навигации сайта, в Html'e он оформлен в форме таблицы. Сам блок работает прекрастно все ссылки на месте, с главной странице всё смотрится так как надо, но стоит перейти в любой из разделов (например в Форум) исчезает изображение заднего плана блока...

Вот код данного блока

<html>
<head>
<title>[TITLE]</title>

<link type="text/css" rel="StyleSheet" href="/css/style.css" />

</head>
<body>

<...HTML Страницы...>

<td width="235" valign="top" style="padding-top:13px; padding-right:20px;">
	<table width="235">
    <tr>
	<table width="235" border="0" cellspacing="0" cellpadding="0"><tr>
	<td height="90" background="images/mtn.png">
	</td>
	</tr><tr>
    <td background="images/bgc.png" class="textb" style="padding-left:40px; padding-top:5px; padding-bottom:3px;">
	<a href="/">Главная</a><br />
	<a href="/forum/">Форум</a><br />
	<a href="#">Ссылка</a><br />
	<a href="#">Ссылка</a><br />
	<a href="#">Ссылка</a><br />
	<a href="#">Ссылка</a><br />
        <a href="#">Ссылка</a><br />
	<a href="#">Ссылка</a><br />
	<a href="#">Ссылка</a><br />
	<a href="#">Ссылка</a><br />
        </td></tr>
     <tr>
	<td height="45" background="images/mb.png">
        </td>
        </tr>
        <td height="40">
        </td>
        </table>
<...Прощенный код...>

И кусок из CSSа

.textb {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
.textb a:active,
.textb a:visited,
.textb a:link {color:#FFFFFF; text-decoration:none; font-size:12px;}
.textb a:hover {color:#FFFFFF; border-bottom:1px dashed; font-size:12px;}

Сам сайта (для примера)

Все изображения лежат в http://testpb.ucoz.ae/images/

Буду очень благодарен если мне помогут.

swetlana · November 5, 2010

такой вопрос надо было в «для начинающих» конечно.

Дело в пути к картинке фона.

background="images/mtn.png" — такая конструкция означает, что фоном должен быть файл mtn.png, лежащий в каталоге images, расположенном в текущем каталоге. Пока находимся в корне, всё нормально, потому как images и расположен в корне. Как только пере ходим в другой каталог, в котором уже каталога images нет, то и не получается найти заявленный файл.

Вам нужна более иная конструкция: background="/images/mtn.png"

Если путь начинается со слэша, то он от корня. Такая конструкция будет работать из любого каталога сайта.

clavin · November 5, 2010

<td background="images/bgc.png" class="textb" style="padding-left:40px; padding-top:5px; padding-bottom:3px;">

Так ведь сам бекграунд указывается в html-коде, а значит все относительные ссылки будут относительны места расположения html-страницы. Определи бекграунд в файле css или поставь ссылку на изображение относительно корня сервера

sigma77 · November 5, 2010

Работаю над своим проетком на хостинге Ucoz. Работая с дизайном столкнулся с необъяснимой для меня проблемой... Ошибка в Html или в CSS я точно не знаю поэтому решил обратиться сюда за помощью.
Пробл.ема заключается в том что по правой стороне сайта располагается блок навигации сайта, в Html'e он оформлен в форме таблицы. Сам блок работает прекрастно все ссылки на месте, с главной странице всё смотрится так как надо, но стоит перейти в любой из разделов (например в Форум) исчезает изображение заднего плана блока...

Правильно исчезают.

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

Т.е. для страницы http://testpb.ucoz.ae/forum/ у тебя прописан тот же путь к картинке, что и для http://testpb.ucoz.ae/

<td height="90" background="images/mtn.png"></td>

Поэтому либо измени путь на странице форума на ../images/mtb.png либо пропиши адрес относительно корня сайта /images/mtn.png для всех картинок.

И вообще правильно выносить всё оформление в css, как это сделано у тебя для главного блока.

anvill · November 5, 2010

такой вопрос надо было в «для начинающих» конечно.
Дело в пути к картинке фона.
background="images/mtn.png" — такая конструкция означает, что фоном должен быть файл mtn.png, лежащий в каталоге images, расположенном в текущем каталоге. Пока находимся в корне, всё нормально, потому как images и расположен в корне. Как только пере ходим в другой каталог, в котором уже каталога images нет, то и не получается найти заявленный файл.
Вам нужна более иная конструкция: background="/images/mtn.png"
Если путь начинается со слэша, то он от корня. Такая конструкция будет работать из любого каталога сайта.

<td background="images/bgc.png" class="textb" style="padding-left:40px; padding-top:5px; padding-bottom:3px;">
Так ведь сам бекграунд указывается в html-коде, а значит все относительные ссылки будут относительны места расположения html-страницы. Определи бекграунд в файле css или поставь ссылку на изображение относительно корня сервера

Спасибо помогло

Sign In

Пропадает Background

Question

anvill

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

swetlana

Link to comment

Share on other sites

clavin

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

anvill

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information