Jump to content
  • 0

Проблема с беком в блоке.

smao

Asked by smao,

 Share

Question

smao Explorer

smao

Posted
Posted (edited)

Приветствую вас.

Ребята, к вам стучусь уже в самом последнем случае. Уже все перепробовал, или с мозгом что-то или черт его знает.

В общем, проблема следующая.

Есть блок "#head", к нему есть стиль:

#head {

background: url('k/horizontal.jpg') left repeat-x;

width: 100%;

height: 134px;

margin: -5px 0 0 0;

}

Стиль этот вместе с множеством других вынесен в отдельный файл. До этого момента пока все нормально. А теперь красота!

background: url('k/horizontal.jpg') left repeat-x; - не работает!

Все остальное работает (не только для #head, но и для других блоков), а именно это правило - нет!

Все перепроверил сотни раз, и пути к изображению и все остальное - все равно лажа.

А теперь еще одна красота:

Если я вписываю вышеупомянутый набор стилей для #head в сам код страницы (встроенной таблицей стилей, так сказать), то бек появляется, чтоб его!

Может подскажите, где лажа. Со стороны видней будет, а то я уже все глаза себе просмотрел.

Заранее благодарен вам.

Edited by smao
Link to comment
Share on other sites

17 answers to this question

Recommended Posts

  • 0
smao Explorer

smao

Posted
  • Author
Posted (edited)

Страница еще не готова полностью.

Вот тот кусок, который интересует:

<html>

<head>

<title>Диетология Литвиновой</title>

<link rel="stylesheet" href="k/css/a.css" type="text/css" />

</head>

<body>

<div id="head">

<div class="logotype">

<a href="index.html"><img src="k/logo.png" /></a>

</div>

<div class="qfd">

<a class="other_href" style="float: right;" href="#" onclick="document.getElementById('form').style.display=document.getElementById('form').style.display=='none'?'block':'none';

return(false)">Задать вопрос доктору</a>

<div id="form" style="display: none;">

<form action="">

<table border=0>

<tr>

<td>Ваше имя:</td>

<td><input type="text" maxlength="25"></td>

</tr><tr>

<td>Ваш e-mail:</td>

<td><input type="text" maxlength="25"></td>

</tr><tr>

<td valign="top">Ваш вопрос:</td>

<td><textarea rows="10" cols="29"></textarea></td>

</tr><tr>

<td></td>

<td><p><input style="margin-top: 0.5em" type="submit" value="Отправить"></p></td>

</tr>

</table>

</form>

<span>

<a href="#"

onclick="document.getElementById('form').style.display=document.getElementById('form').style.display=='none'?'block':'none'; return(false)">закрыть</a>

</span>

</div>

</div>

</div>

а вот цсс:

#head {

background: url('k/horizontal.jpg') left repeat-x;

width: 100%;

height: 134px;

margin: -5px 0 0 0;

}

.logotype {

margin: 15px 0 0 25px;

}

.qfd {

position: absolute;

top: 0;

right: 0;

font-size: 90%;

margin: 80px 40px 0 0;

}

.other_href {

text-decoration: none;

border-bottom: 1px dashed #0099cc;

}

.other_href:hover {

border-bottom: 1px dashed #8ba3a3;

}

#form {

background: #d2eaee;

width: 355px;

clear: both;

float: right;

padding: 0.3em;

border-right: 2px solid #999999;

border-bottom: 2px solid #999999;

border-left: 1px solid #cccccc;

border-top: 1px solid #cccccc;

}

#form table {

font-size: 90%;

}

...

и так писали? "./k/horizontal.jpg"

писал;(

Edited by smao
Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
Я уже по всякому пробовал - ноль;(

утопия какая-то блин...

Обращаемся к документации

'background'

Value: [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>]

Располагайте значения в порядке, который указан в данном перечислении.

Link to comment
Share on other sites
  • 0
smao Explorer

smao

Posted
  • Author
Posted

неа:)

уже прямо аж вот так написал:

#head {

background-image: url('k/imgs/horizontal.jpg');

background-repeat: repeat-x;

background-position: left top;

width: 100%;

height: 134px;

margin: -5px 0 0 0;

}

никакой реакции.

Провел один эксперимент, может он даст подсказку, в коде главной страницы все стили у меня вписаны в сам код (они уникальны и их там не много), отдельным файлом я их не выносил. Там тоже есть эта же картинка, и тоже беком служит для блока, так вот - я вынес все стили в отдельный файл и - с главной страничкой сайта случилось то же самое, что и с этой. Все стили работают, все замечательно, кроме бека. Меня сглазили.

Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
Провел один эксперимент, может он даст подсказку, в коде главной страницы все стили у меня вписаны в сам код (они уникальны и их там не много), отдельным файлом я их не выносил. Там тоже есть эта же картинка, и тоже беком служит для блока, так вот - я вынес все стили в отдельный файл и - с главной страничкой сайта случилось то же самое, что и с этой. Все стили работают, все замечательно, кроме бека. Меня сглазили.

Картинка точно доступна?

Link to comment
Share on other sites
  • 0
npofopr Trainee

npofopr

Posted
Posted (edited)

выложи архивчик куда нибудь с html'кой css'кой и картинками. ну как все есть.

+ открой фаербаг и в колонке css'a наведи курсор на стиль баграунда с картинкой. картинка должна показываться

Edited by npofopr
Link to comment
Share on other sites
  • 0
smao Explorer

smao

Posted
  • Author
Posted
Картинка точно доступна?

Да

Вписываю в саму страницу:

<style type="text/css">

#head {

background-image: url('k/imgs/horizontal.jpg');

background-repeat: repeat-x;

background-position: left top;

width: 100%;

height: 134px;

margin: -5px 0 0 0;

}

</style>

- все отлично, как только выношу в отдельный файл - лажа.

выложи архивчик куда нибудь с html'кой css'кой и картинками. ну как все есть.

+ открой фаербаг и в колонке css'a наведи курсор на стиль баграунда с картинкой. картинка должна показываться

тут архив:

http://narod.ru/disk/23102043000/000.rar.html

что-то у меня такое чувство, что я просто жестко туплю.

Link to comment
Share on other sites
  • 0
npofopr Trainee

npofopr

Posted
Posted (edited)

само собой )

никакой k у вас нет

+ стили находятся в папке css, а картинки в папке imgs

следовательно надо подняться уровнем выше

background-image: url('../imgs/horizontal.jpg');

Edited by npofopr
Link to comment
Share on other sites
  • 0
smao Explorer

smao

Posted
  • Author
Posted
само собой )

никакой k у вас нет

+ стили находятся в папке css, а картинки в папке imgs

следовательно надо подняться уровнем выше

background-image: url('../imgs/horizontal.jpg');

эт я тебе скинул так, чтоб лишним не закидывать.

вот структура, которая есть:

сам хтмльный файлик и папка k.

в этой папке:

папка imgs и папка css.

я вроде все пути перепроверял, но что-то у меня закладывается чувство, что именно с этими путями я и напорол.

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
×
×
  • 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