[web] background & image alignment - Softwareontwikkeling

donderdag 3 februari 2005 13:19

Acties:

Topicstarter

Ik heb een plaatje wat ik als background gebruik: het is 6bij6 pixels (back.gif):

000001
000010
000100
001000
010000
100000

dan krijg je dus een leuk achtergrond patroontje.

Dan heb ik de site zelf die ik altijd in het midden van het scherm wil hebben Deze heeft als formaat een multiply van 6 zodat de lijntjes straks aan kunnen sluiten. Deze website heeft een paar van achtergrondrandjes er omheen, waar ik schaduw op wil hebben. (deze "website" heet dus testraster.png)

<body background="back.gif">
<center>
[img]"testraster.png"[/img]
</center>

Het probleem is natuurlijk dat in 99 van de 100x de achtergrond niet netjes aansluit op de website. Dus mijn vraag is Hoe kan ik de tag <center> zodanig aanpassen dat hij "stapjes" van 6 neemt.
Of is er een andere methode om te verkrijgen wat ik wil?

donderdag 3 februari 2005 13:34

Acties:

André

Analytics dude

Je kunt proberen de achtergrond te centreren waardoor ze wel alignen:

code:

<body style="background: url('back.gif') top center;">
<p style="text-align:center;">
  [img]"testraster.png"[/img]
</p>

donderdag 3 februari 2005 13:47

Acties:

savale

Topicstarter

André schreef op donderdag 03 februari 2005 @ 13:34:
Je kunt proberen de achtergrond te centreren waardoor ze wel alignen:
code:
1
2
3
4
<body style="background: url('back.gif') top center;">
<p style="text-align:center;">
  [img]"testraster.png"[/img]
</p>

dat werkt echt als een tiet! bedankt! Hoop dat ik op deze manier de vertical alignment ook goed kan krijgen! $_/-\o_$

donderdag 3 februari 2005 13:51

Acties:

André

Analytics dude

Dan kun je proberen de top te vervangen door middle, maar ik weet zo niet of dat werkt.

donderdag 3 februari 2005 14:05

Acties:

Willem

Dit was dus heel gemakkelijk op te lossen door een CSS background tutorial site door te lezen

Motor (of auto) onderhoud bijhouden