Background image изчезна след като преместих CSS в нов файл

[koko1]

Когато CSS-а беше във php файла, страницата имаше фон:

[css]<style type="text/css">
body {
background-image: url("images/bg.gif");
}
...
</style>[/css]

Обаче след като сложих CSS-a в нов файл style.css ми зарежда дизайна, но без фона. style.css е в същата папка като index.php. Някой може ли да каже как да го оправя?

 

[Nazi_93]

Изтрий реда и го пренапиши...

[css]html,body {margin:0;padding:0;background:url(img/background.png);}[/css]

 

[koko1]

Пак не става :idea:

 

[webdeveloper]

Сигурен ли си, че пътя до картинката е правилен?

 

[koko1]

Да.

 

[shterev]

Нещо се бъркаш, сложи си FireBug и виж наистина от къде идва картинката, дори можеш да промениш пътя и да пробваш

 

[koko1]

Инсталирах го и видях че пише background-image none. Смених пътя на картинката с url на друга картинка от интернет и също не става.

 

[shterev]

аз съм убеден ,че проблема е в теб. Направи едно примерно файлче и го дай тука както и картинакта - на едно архивче го направи

 

[koko1]

http://dox.bg/files/dw?a=73055b5d33

Премахнах текстовете и картинките, и оставих само layout-а. index.html е с линка към CSS файла, а в 2.html го замених с CSS-а и се показа фона.

 

[shterev]

CSS-a го правиш така(без <style type="text/css"></style>):

[css]

html,body
{
margin: 0;
padding: 0;
background-image: url(images/bg.gif);
}

#container
{
margin: 0 auto;
width: 940px;
}

#header
{
padding: 10px;
text-align: center
color: #fff;
background: #283c50;
}

#header h1 { margin: 0;}

#navigation
{
float: left;
width: 940px;
height: 60px;
background: #1e3241;
}

#navigation ul
{
text-align: center
margin: 0;
padding: 0;
}

#navigation ul li
{
list-style-type: none;
display: inline-block
}

#navigation li a
{
display: block;
float: left;
padding: 5px 10px;
color: #fff;
text-decoration: none;
font-weight:bold
}

#navigation li a:hover { background: #283c50; }

#content-container
{
background: #283c50;
float: left;
width: 940px;
color: #ececec;
}

#section-navigation
{
float: left;
width: 160px;
padding: 0 0 0 20px;
margin: 0 0 0 0;
display: inline;
}

#section-navigation ul
{
margin: 0;
padding: 0;
}

#section-navigation ul li
{
margin: 0 0 1em;
padding: 0;
list-style-type: none;
}

#content
{
float: left;
width: 540px;
padding: 20px 20px 20px 20px;
margin: 0 0 0 00px;
}

#content a { color: #fff; text-decoration: none;}

#content a:hover { text-decoration: underline; }

#content h2 { margin: 0; color: #fff;}

#content h3 { margin: 0; color: #fff;}

#aside
{
float: right;
width: 160px;
padding: 0 20px 0 0;
display: inline;
}


#footer
{
background: #1e3241;
clear: left;
text-align: center;
padding: 20px;
height: 1%;
}
[/css]

 

[koko1]

Вярно, като съм копирал CSS-а съм копирал и това Обаче всичко работеше без картинката. +1