[Transparante gif] Rafelige randen

[Verwijderd]

Voor m'n website heb ik onderstaande afbeelding gemaakt in Photoshop 6.0. Wat je ziet is natuurlijk een gesliced deel van de site.


Daarna heb ik de afbeelding transparant gemaakt (.gif).


Nu wil ik de afbeelding (huis) plaatsen (nog niet op de juiste positie hoor) op de achtergrond (oranje/blauw/grijs), maar de witte randen van het huis zijn rafelig geworden. De randen zijn een stroke van 2 pixels.


Weet iemand hoe ik de randen strak kan krijgen? Ik heb al een aantal opties van Save for Web geprobeerd, maar tot nog toe zonder goed resultaat.

[Savantas]

en geplakt op je achtergrond (met het bekende 'IE wil best wel een PNG goed laten zien als ie zijn best eens doet' foefje zoals André hierboven postte):


settings Pshop Outer Glow:
screen Opacity 100% noise 0 kleur wit, Spread 11% 3 px

Komt alleen net op het blauw nog een klein beetje wit van de glow... Nog beetje getweak nodig dus! Of zoals op je eerste plaatje gewoon deels op het blauw, is nu geen enkel probleem.

Lees nu net dat je een stroke van 2 px hebt ipv Outer Glow (lezen is ook een vak )
Als die een beetje goed gedaan is zou je helemaal geen rafels moeten krijgen.
Toch maar eens in Homesite de width nalopen, zie maar het laatste plaatje, echt niet hetzelfde huisje (meer Afrikaans rieten hutje en een vinex naast elkaar )! De width staat waarschijnlijk 1 pixel te klein...

[ Voor 41% gewijzigd door Savantas op 04-05-2004 16:55 . Reden: Had bril niet op :P ]

[Verwijderd]

Ik heb het huisje maar uit het photoshopbestand gesneden en als een .jpg-file opgeslagen. Iedereen bedankt voor jullie reacties!

Nu ben ik bezig met HTML'en en wil de tekst 'home' onder het plaatje hebben. Het plaatje en de tekst moeten verticaal gecentreerd worden in dit tabelvakje (zeg je dat zo??).



Ik heb het op de volgende manier geprobeerd, maar de layout van de site wordt hierdoor aangepast wat niet de bedoeling is.

<td valign="" width="120">[img]"\afbeeldingen\home.jpg"[/img]<P STYLE="clear: left;">Home</P></td>

[Verwijderd]

Ik wil nu in onderstaande tabel de tekst 'Links' precies ter hoogte van 't pijlpuntje hebben. Zoals je ziet heb ik nu align="left" en valign="center", maar blijkbaar moet ik 't op een ander manier oplossen, maar ik heb geen idee hoe.
Iemand?



P.s. Ik heb voor de duidelijkheid een border om het 'rondje + pijl' gezet.