Niet lachen

**Marvin Middenwaard** · 31-01-2010, 13:02

OPGELOST, Bedankt allemaal. Was een domme fout van mij.
Ben dus vandaag begonnen met het basen van mijn layout en kwam al niet verder dan de achtergrond, denk dat ik het wel weer verder red als dit eenmaal opgelost is, hoop ervan te leren :)
Hier mijn probleem:
Ik heb dus een strip van 1px breedte die ik als achtergrond wil gebruiken d.m.v. repeat-x in css. De strip is gradient.
hier de HTML:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Untitled Document</title>

<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen"/>
</head>
<body>
<div class="site-wrapper"></div>
</body>
</html>

hier de CSS:

Code:

@charset "utf-8";
/* CSS Document */

body 
{
    font-family:Arial;
    font-size:12px;
    color:#666;
}

.site-wrapper
{
    width:800px;
    min-height:600px;
    margin-right:auto;
    margin-left:auto;
    background-image:url('images/bgstrip.png');
    background-repeat:repeat-x;
}

Het zal wel weer een uiterst simpele fout zijn, tenminste ik weet haast wel dat het zo is, maar ik zou het fijn vinden als jullie me verder konden helpen :) Zou fijn zijn als er ook een uitleg bij de oplossing komt zodat ik het ook toe kan passen op andere objecten en het voor eens en altijd geleerd heb.

Marvin.

**René Vennik** · 31-01-2010, 13:06

Hallo Marvin,

Je achtergrond is nu waarschijnlijk 0px hoog dus dan zul je weinig zien.
Je kunt die achtergrond dus beter aan de body geven.

Dus: (klein beetje geoptimaliseerd)

Code:

@charset "utf-8";
/* CSS Document */

body 
{
    font: 12px Arial;
    color:#666;
    background:url('images/bgstrip.png') repeat-x;
}

.site-wrapper
{
    width:800px;
    min-height:600px;
    height:auto !important;
    height:600px;
    margin: 0 auto;
}

**Marvin Middenwaard** · 31-01-2010, 13:08

De afbeelding met de gradient is 800 px hoog als dit is wat u bedoeld?

**Johan Vliegenthart** · 31-01-2010, 13:10

nee je div "vakje"

**Marvin Middenwaard** · 31-01-2010, 13:17

Origineel gepost door Johan Vliegenthart

nee je div "vakje"

Ben nogal nieuw bij basing, kun je meer uitleg geven?

Heb de CSS van René gekopieerd, maar de achtergrond blijft wit.

**Marty H** · 31-01-2010, 13:28

heb je path verwijzing van plaatje wel goed? en wat rene al zei kun je beter je background meegeven aan je body tag. dus bv

body{
background-image: url('../images/bgstrip.png');
background-repeat: repeat-x;
width: 1px;
height: 800px;
}

**Marvin Middenwaard** · 31-01-2010, 13:33

Origineel gepost door Marty H

heb je path verwijzing van plaatje wel goed? en wat rene al zei kun je beter je background meegeven aan je body tag. dus bv

body{
background-image: url('../images/bgstrip.png');
background-repeat: repeat-x;
width: 1px;
height: 800px;
}

Ik heb de html en css files in dezelfde map als de map waar de image map in geplaatst is, dus images/bgstrip.png is genoeg? of doe ik dit fout .Ik heb de code van René gekopieerd, waar de background in de body zit maar geen resultaat.

AANPASSING: het is gelukt. Bedankt voor jullie hulp allemaal. Domme fout van mij, had de verkeerde images folder waarin de afbeeldingen als jpeg stonden. Sorry allemaal, en nogmaals bedankt!

**Marty H** · 31-01-2010, 13:37

map structuur:
index.php
css/style.css
img/plaatjes

dat is het mooiste en dan zul je bv je background image

background-image: url('../img/bgstrip.png');

als je structuur is als dit:

index.php
style.css
plaatjes dan zou background-image: url('bgstrip.png'); dit moeten werken
Aanvullend bericht:
ok dannnnnn :) zoals ik al zei (path verwijzing wel goed?)

Niet lachen

Niet lachen

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Niet lachen

Niet lachen

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Inloggen