Jump to content
  • 0

Не отображаются картинки

Guest

Asked by Guest,

 Share

Question

Guest Explorer

Guest

Posted
Posted

Здравствуйте! Начал верстать макет, сделал фон с картинкой, а он не отображается в браузере.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows1251" />
<link rel="stylesheet" type="text/css" href="css/main.css">
<title>Мультики</title>
</head>
<body>
</body>
</html>


* {
outline: none;
margin: 0;
padding: 0;
}
body {
background: #6AD5F9 url("../img/main_bg.png") repeat 100%;
}

Есть папка с макетом, в ней папки css и img. Проверял пути и все равно не отображается

Link to comment
Share on other sites

30 answers to this question

Recommended Posts

  • 0
ShumNo Explorer

ShumNo

Posted
Posted

я же не знаю где у вас лежит чего может так:

background: #6AD5F9 url("../../img/main_bg.png") repeat 100%;

background: #6AD5F9 url("img/main_bg.png") repeat 100%;

background: #6AD5F9 url("main_bg.png") repeat 100%;

background: #6AD5F9 url("/main_bg.png") repeat 100%;

Я же не знаю и ни кто не знает кроме вас

Link to comment
Share on other sites
  • 0
Guest Explorer

Guest

Posted
  • Author
Posted (edited)

когда уже такие темы закончатся?

Чувак, я понимаю твое недовольство, но в верстке я не новичок. Впервые сталкиваюсь с подобной проблемой, незнаю как устранить поэтому решил обратиться за помощью к людам знающим больше меня. Да и к примеру: столкнулся новичок с такой же проблемой, вбил в ПС и вылезла ссылка на данную тему, а в ней решение проблемы

Edited by Guest
Link to comment
Share on other sites
  • 0
121990 Explorer

121990

Posted
Posted
Не один уважающий себя вебмастер не будет пользоваться хелповым софтом

Лучше б ты софтом воспользовался, чем сотую тему про картинки создавал. Закинь верстку на бесплатный хостинг пример - hostinger ру. Тогда ошибку смогу увидеть не только я.

Link to comment
Share on other sites
  • 0
ShumNo Explorer

ShumNo

Posted
Posted

Посмотрите как указан путь в других шаблонах

Поставьте путь от корня домена, то есть:

домен /x/x/img/main_bg.png

А если я верстаю просто на локалке?

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


* {
margin: 0;
padding: 0;
outline: none;
list-style: none
}
body {
font: 14px Calibri;
background: url("http://beastcraft/templates/BeastCraft/images/index_bg.png") #444444;
}
a {
text-decoration: none;
}

#head {
height: 128px;
background: url("../images/head_bg.png") repeat-x;
border-bottom: 1px solid #0D0D0D;
}

У вас в url бекграунда не указана доменная зона.

Link to comment
Share on other sites
  • 0
121990 Explorer

121990

Posted
Posted (edited)

Возьмем в пример игровой блог на DLE - http://www.qeek.ru/

Путь к бэкграунду через css background: url("../images/qeeknight.jpg") no-repeat fixed 50% 0 #000000;

Картинка открывается по такой ссылке.

http://www.qeek.ru/t...s/qeeknight.jpg

А теперь прморгай и перейди по этой ссылке

http://beastcraft.ru...es/index_bg.png

И внимательно проштрудируй и отгодай загадку.

Почему изображения из папки uploads работают, а из templates нет.

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

121990

Posted
Posted

Да и в чем же проблема была, а то как ты говорил найдут другие тему почитают, и в конце -

а с локалкой разобрался.

Т.е еще одна бесполезная тупая тема.

Сравнил права, залил в папки index.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
Go to question listing

  • Similar Content

    • Vlad_P
      Неверное отображение на айфон 6-7
      By Vlad_P
      http://www.sandalprestige.ru/services/dvernye-bloki-i-portaly/1375/
      На айфонах 6,7 Дверь уходит вправо. Не могу понять в чем дело. Интересно, что если повернуть айфон горизонтально и вернуть вертикальное положение - все становится на место. Думаю, дело не в модели айфона, а в его разрешении, в общем подскажите, кто может
      P.S. Не комментируйте верстку, Сам не видел ничего более странного. Как в верстке, так и в натяжке. Однако надо исправить
    • AlexandrShinkin
      Animation (other)
      By AlexandrShinkin
      Делаю сайт-заглушку. Требуется добавить графику на сайт, например, по типу http://www.costa-imaginering.com/ Кто может подсказать? Можно ли все сделать в стилях css?
    • Homyak
      Постоянно меняющийся фон
      By Homyak
      Здравствуйте! Мне нужно сделать фон, состоящий из гифок. После окончания одной, должна воспроизвестись следующая. Как мне это осуществить?
      Заранее благодарю за ответ.
    • glarks
      Фон меню
      By glarks
      Здравствуйте, учусь верстке.
      Хочу сделать при наведении на ссылку меню, фоновое изображение.
      Сделал коряво и все смещается, так как не очень разбираюсь в свойствах - display, position.
      Прошу помочь и по возможности ввести в курс дела! 
       
      Код:
      #menu { text-align: center; text-decoration: none; font-weight: bold; margin-left: 100px; } #menu ul{ } #menu ul li{ float: left; margin-right: 106px; margin-top: 40px; } #menu ul li a{ color: #6b4848; text-align: center; display: block; } .activ, #menu ul li a:hover{ background: url(../images/menu1.png); width: 150px; height: 30px; background-position: center; } <div id="menu"> <ul> <li><a class="activ" href="#">HOME.</a></li> <li><a href="#">PORTFOLIO.</a></li> <li><a href="#">WHAT I DO.</a></li> <li><a href="#">CONTACT ME.</a></li> </ul> </div>  


    • vlasenkov
      Фон изображение с диагональными полосами, адаптивный
      By vlasenkov
      Собственно давно уже бьюсь с этой проблемой и прошу о помощи, т/к решения не нашел. Есть картинка (во вложении), нужно сделать также.
      Варианты с просто взять и такую же картинку (с полосами) вставить как фон не подходят, т/к потом нужно будет сделать параллакс эффект + некоторые расстояния получаются не точными до верхних/нижних границ от картинки.
      Уже пробовал и поворачивать изображение и треугольники, но ничего не получается, либо слишком не устойчивое.
      Прошу помощи, наверняка кто-то сталкивался с такой задачей раньше.

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