Achtergrond plaatje niet herhalen

[Phydomir]

Het zal vast al eens gevraagd zijn maar de search werkt nou nog niet echt optimaal dus vraag ik het maar fkes.

Hoe kan in in html een achtergrond plaatje centreren in een tabel en zorgen dat ie niet herhaalt wordt.

Was iets geloof ik iets heel simpels maar ik weet het niet meer.

[[eNeRGy]]

Check deze CSS reference even:

http://zvon.org/xxl/CSS2Reference/Output/index.html

[WvdWest]

Plaats dit in je header

code:

<STYLE type="text/css">
table { 
  background: url("plaatje.gif");
  background-repeat: no-repeat;
  background-position: center;
}
</STYLE>

[[eNeRGy]]

WvdWest schreef op 13 augustus 2002 @ 09:58:
Plaats dit in je header

code:

<STYLE type="text/css">
table { 
  background: url("plaatje.gif");
  background-repeat: no-repeat;
  background-position: center;
}
</STYLE>

background-position: center center;

Als je hem in het midden wil hebben tenminste.

[Phydomir]

Thnx allemaal, tis gelukt.

[Phydomir]

Nog ff een vraagje hier over, ik heb het nu als volgt in m'n html bestandje staan:

code:

style type=text/css> BODY {
background-image: url("bg.jpg"); background-attachment: fixed;
background-repeat: no-repeat}
{background-position: 70% 60%}
</style>

In IE5 werkt dit ook prima alleen in IE6 lijkt ie de positie niet te pakken aangezien hij uhm links boven in de hoek weer geeft...

Weet iemand wat hier aan is te doen?

[Dark Blue]

2 procentuele waarden achter elkaar? ik weet dat je zoiets met border uit mag halen... maar ik vraag me af of je browser begrijpt dat die 70 dan bij left en die 60 bij top hoort

[Hangloozz]

volgens w3schools mogen procentuele waardes zonder probleem toegepast worden.
Er wordt vanzelf herkend dat het een X-en een Y-waarde betreft.
Of IE6 het er mee eens is weet ik niet.

Wat ik wel weet is dat je opbouw van je body-styles zuigt
Je opent voor de 2e keer een set accolades voor de position en die moeten gewoon in je eerste set bijgevoegd worden.
test dit maar eens:

code:

<style type="text/css">
BODY {
    background-image: url(bg.jpg); 
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 70% 60%;
}
</style>

[[eNeRGy]]

Dark Blue schreef op 20 augustus 2002 @ 23:43:
2 procentuele waarden achter elkaar? ik weet dat je zoiets met border uit mag halen... maar ik vraag me af of je browser begrijpt dat die 70 dan bij left en die 60 bij top hoort

Als je even de CSS standaard bekijkt zie je dat dit veel vaker voorkomt:

padding: 2px 2px 3px 4px;
border: solid 1px #336699;
margin: 2px 5px;

is hetzelfde als:

padding-top: 2px;
padding-right: 2px;
padding-bottom: 3px;
padding-left: 4px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #336699;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #336699;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #336699;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #336699;
margin-top: 2px;
margin-right: 5px;
margin-bottom: 2px;
margin-left: 5px;

het schrijft alleen iets efficienter