achtergrond afbeelding word niet getoond

Status
Niet open voor verdere reacties.
A

alain1988

Terugkerende gebruiker
Lid geworden
29 jan 2010
Berichten
1.175
Beste,

ik ben bezig met een site, ik wil hier een achtergrond afbeelding aan geven maar dit lukt mij niet aardig ik heb deze code ingevoerd :
bad.jpggood.jpg
body{
color: #CCC;
margin:0;
padding:0;
line-height: 1.5em;
img-src:
background-image:url(/images/background.jpg);
background-repeat: repeat;
}

lokaal werkt dit prima maar op de server , krijg ik geen achtergrond afbeelding alsook maar een deeltje van de css.
iemand een idee door wat of hoe dit komt ?
Code: 
-Css
  Mainsite.css
  menu.css
-images
  background.png
  header.png
-js
  menu.js
  Jquery.js
-script
  Cron.php
  cwd.php
-Templates
  index.dwt
About.php
Index.php

Code: 
/* CSS Document */


body{
    color: #CCC;
margin:0;
padding:0;
line-height: 1.5em;
img-src:
background-image:url(/images/background.jpg);
    background-repeat: repeat;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: transparent;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: #C8FC98;
}

#footer{
clear: left;
width: 100%;
background: transparent;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
Code: 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<link rel="stylesheet" type="text/css" href="/css/mainSite.css">
<link rel="stylesheet" type="text/css" href="/css/menu.css">
<script language="javascript" type="text/javascript" src="/js/AccordionContent.js"></script>
<script language="javascript" type="text/javascript" src="/js/AlgemeneChit.js"></script>
<script language="javascript" type="text/javascript" src="/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="/js/menu.js"></script>

<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>
<div id="maincontainer">
  
  <div id="topsection">
  <div class="innertube">
  <center><img src="/images/logo.png"></img></center>
  </div></div>

  <p><div id="sse1">
<div id="sses1">
<ul><!-- Maximum 8 Head Links!-->
    <li><a href="/index.php">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Web Menus</a></li>
       <li><a href="#">Web Menus</a></li>
    <li><a href="#">Web Menus</a></li>
    <li><a href="#">Web Menus</a></li>
       <li><a href="#">Web Menus</a></li>
    <li><a href="#">Web Menus</a></li>


</ul>
</div>
</div>
  </p>
  <div id="contentwrapper">
    <div id="contentcolumn"><!-- TemplateBeginEditable name="content" -->
      <div class="innertube">
        <p><b>Content Column: <em>Fixed</em></b>
          <script type="text/javascript">filltext(45)</script>
        </p>
        <p><strong>Lorem Ipsum</strong> is slechts een proeftekst uit het   drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in   deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een   zethaak met letters nam en ze door elkaar husselde om een font-catalogus   te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook,   vrijwel onveranderd, overgenomen in elektronische letterzetting. Het is   in de jaren '60 populair geworden met de introductie van Letraset vellen   met Lorem Ipsum passages en meer recentelijk door desktop publishing   software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.<strong>Lorem Ipsum</strong> is slechts een proeftekst uit het   drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in   deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een   zethaak met letters nam en ze door elkaar husselde om een font-catalogus   te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook,   vrijwel onveranderd, overgenomen in elektronische letterzetting. Het is   in de jaren '60 populair geworden met de introductie van Letraset vellen   met Lorem Ipsum passages en meer recentelijk door desktop publishing   software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.<strong>Lorem Ipsum</strong> is slechts een proeftekst uit het   drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in   deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een   zethaak met letters nam en ze door elkaar husselde om een font-catalogus   te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook,   vrijwel onveranderd, overgenomen in elektronische letterzetting. Het is   in de jaren '60 populair geworden met de introductie van Letraset vellen   met Lorem Ipsum passages en meer recentelijk door desktop publishing   software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.<strong>Lorem Ipsum</strong> is slechts een proeftekst uit het   drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in   deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een   zethaak met letters nam en ze door elkaar husselde om een font-catalogus   te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook,   vrijwel onveranderd, overgenomen in elektronische letterzetting. Het is   in de jaren '60 populair geworden met de introductie van Letraset vellen   met Lorem Ipsum passages en meer recentelijk door desktop publishing   software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten. </p>
      </div>
    <!-- TemplateEndEditable --></div>
</div>

<div id="leftcolumn">
<div class="arrowlistmenu">

<h3 class="menuheader expandable">CSS Library</h3>
<ul class="categoryitems">
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
</ul>

<h3 class="menuheader expandable">CSS Drive</h3>
<ul class="categoryitems">
<<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
</ul>

<h3 class="menuheader expandable">JavaScript Kit</h3>
<ul class="categoryitems">
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
<li><a href="" >Link</a></li>
</ul>

<h3 class="menuheader" style="cursor: default">FeedBack</h3>
<div>
Regular contents here. Header does not expand or contact.
</div>

</div>
<div class="innertube"><b>Left Column: <em>200px</em></b> <script type="text/javascript">filltext(15)</script></div>
</div>
 
Laatst bewerkt:
Beste Alian,

Het probleem is dat je achtergrond niet werkt via de server maar wel via lokaal toch?.

Waar het misschien zou aan kunnen liggen dat de css / html code het bestand (jouw background) niet meer kan vinden.
Als je je index en de rest van je website verplaats naar je server dan kan ie het misschien niet meer vinden.

Wat je kan proberen is je je code zo aanpast dat ie het via een andere weg de background vind.

Ik hoop dat dit een beetje heeft geholpen.

Gr Daa
 
ja maar alle objecten afbeeldingen staan identiek op de zelfde plaats enkel op een adere servertftp.png
 
ik gebruik filezilla voor de bestanden over te zetten en de server is een vps , die voorgebakken php klaar heeft staan met mysql ik kan wel alles aanpassen van de apache.
of zou het met rechten kunnen te maken hebben ?
 
Beste Alian,

Het zou mogelijk met de rechten kunnen zijn ja.

Maar ik had ook zo'n probleem gehad en toen had ik alles verwijderd en opnieuw op de server gegaan en toen de bestanden opnieuw in de bijhorende map geplaatst.

Misschien zou dit ook een oplossing kunnen zijn.

Heeft u ook een map in je server die www heet?

Gr Daa
 
rechten , was het niet voor de achtergrond afbeelding moet ik gewoon ../images toevoegen en dat deed het.
dus hebben we weer wat bijgeleerd toch bedankt om mee te denken ;)
 
Graag gedaan. Nog super veel succes met je website. Post je op deze topic je eind resultaat van je website?

Gr Daa
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan