aan alle goede dingen komt een eind, webmasterplein.net 2003 - 2013
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef

background-attachment, waar moet ik hem in de html plaatsen?

Het echte opmaakwerk, alles vragen over HTMLen, CSSen en Javascripten.

background-attachment, waar moet ik hem in de html plaatsen?

Berichtdoor RaceAngel » 29 dec 2006 23:37

Nou ben nieuw en heb gelijk al een vraag..... Embarassed

Ik heb een site, werk met dreamweaver en html, maar heb nu het probleem dat ik een background attachment wil plaatsen. Maar als ik hem in de body plaats verdwijnt mijn achtergrondafbeelding, best vervelend. Confused

Nu mijn vraag, waar plaats ik in de html mijn background attachment. Ik heb de volgende htmlcode:

<STYLE TYPE="text/css">
<!--
BODY { background-image: url(watermerk.gif); background-repeat: no-repeat; background-position: 50% 60px; background-attachment: fixed; }
-->
</STYLE>

Alvast bedankt,
groetjes RaceAngel
Avatar gebruiker
RaceAngel
wmpr
 
Berichten: 3
Geregistreerd: 29 dec 2006 23:22
Woonplaats: Coevorden

Berichtdoor KillerSponge » 30 dec 2006 00:51

Een element, of dat nou de body of een div of een tabel of wat dan ook is, kan maar één achtergrondafbeelding tegelijk hebben, en een 'attachment' geldt (kennelijk) ook als een achtergrondafbeelding.

Wat je kan doen is je gehele site in de cel van een tabel zetten, die cel zo dicht mogelijk tegen de rand van de site aan zetten (padding: 0px en margin: 0px) en geeft die vervolgens de 'normale' achtergrond. Dit kan (volgens mij) niet met een divje.

Smile
Blabla en andere onzin - http://killersponge.nl
Avatar gebruiker
KillerSponge
Beheerder
Beheerder
 
Berichten: 14456
Geregistreerd: 24 aug 2004 13:05

Berichtdoor Derk » 30 dec 2006 00:56

Ik snap niet helemaal wat nu je vraag is, als ik het goed had een pagina, waar een achtergrondplaatje op stond. Vervolgens heb je de code die je hebt gepost ergens in je pagina geplakt en verdween je achtergroend plaatje.

Dat je plaatje verdwijnt klopt dan, want die code die jij net hebt gepost is een code om een plaatje op de achtergrond te zetten....
Afbeelding
Avatar gebruiker
Derk
Beheerder
Beheerder
 
Berichten: 12634
Geregistreerd: 27 nov 2003 19:50
Woonplaats: Houten

Berichtdoor Rik » 30 dec 2006 09:19

KillerSponge schreef:Dit kan (volgens mij) niet met een divje.

Kan wel, dacht ik toch: Smile
Code: Selecteer alles
div{
right: 0px;
left: 0px;
top: 0px;
bottom: 0px;
}
Avatar gebruiker
Rik
wmpr
 
Berichten: 1576
Geregistreerd: 11 jun 2005 17:59

Berichtdoor KillerSponge » 30 dec 2006 10:35

Bloe schreef:
KillerSponge schreef:Dit kan (volgens mij) niet met een divje.

Kan wel, dacht ik toch: Smile
Code: Selecteer alles
div{
right: 0px;
left: 0px;
top: 0px;
bottom: 0px;
}


Dan 'rekt' de div niet mee als de pagina langer wordt ^^
Blabla en andere onzin - http://killersponge.nl
Avatar gebruiker
KillerSponge
Beheerder
Beheerder
 
Berichten: 14456
Geregistreerd: 24 aug 2004 13:05

Berichtdoor RaceAngel » 30 dec 2006 11:41

Ik denk dat ik mijn fout nu begrijp. Ben niet zo heel erg super thuis in html, red me met de basis. Embarassed

Wat ik precies wil is dat mijn achtergrond afbeelding niet mee scrolld en dat hij zichzelf niet herhaald. Maar hoe krijg ik dit dan wel voor elkaar?

Heb al eens gezocht op handleiding HTML, waar de andere ook vandaan kwam. Alle tips zijn van harte welkom. Smile

Groetjes Race
Avatar gebruiker
RaceAngel
wmpr
 
Berichten: 3
Geregistreerd: 29 dec 2006 23:22
Woonplaats: Coevorden

Berichtdoor KillerSponge » 30 dec 2006 11:53

O ok, ik dacht dat je een watermark over de achtergrondafbeelding wilde ^^

Naja, dan zat je iig wel in de goede richting.

Code: Selecteer alles
<style type="text/css">

body
{
background-image: url(watermerk.gif);
background-repeat: no-repeat;
background-position: 50% 60px;
}

</style>


Het 'background-attachment' gedeelte weglaten volstaat dus Smile
Blabla en andere onzin - http://killersponge.nl
Avatar gebruiker
KillerSponge
Beheerder
Beheerder
 
Berichten: 14456
Geregistreerd: 24 aug 2004 13:05

Berichtdoor RaceAngel » 30 dec 2006 12:26

Super, hij doet het! Razz

Thx Very Happy
Avatar gebruiker
RaceAngel
wmpr
 
Berichten: 3
Geregistreerd: 29 dec 2006 23:22
Woonplaats: Coevorden

Berichtdoor frizzy » 30 dec 2006 13:23

RaceAngel schreef:Super, hij doet het! Razz

Thx Very Happy

Ben je trouwens manga fan?? (ik ook, kijk je Fruit Basket??)
frizzy
wmpr
 
Berichten: 4261
Geregistreerd: 20 sep 2006 16:03
Woonplaats: Boskoop :D


Keer terug naar HTML, CSS, Javascript



cron