Image og skalering

//Glem linjen med, at det "brækker over" - det gør det ikke alligevel!

Og sådan vil det altid være når du arbejder med gif formatet

det giver sig selv - billedet er jo fast defineret i størrelsen med pixels f.eks. 800 pixels, og det kan du ikke ændre på - alt andet retter sig ind pga. det er defineret med %. Du kan simpelthen ikke få dit billede til at rette sig efter skærmstørrelsen.

...Men!! lad os se din header, for er der et langt stykke med en ens farve, kan du skære det ud og definere farven i HTML i en tabel med % og derved få det til at udvide sig efter skærmstørrelsen.

Prøv med <img src="header.gif" with="100%">

Det skulle løse dit problem

Du kan sagtens strække billedet ved at sætte % på det... - man hvis du sætter en fast højde på (jvf. nedenstående) så bliver det ikke særligt kønt... Hvis du ikke sætter en højde på billedet - så beholder det proportionerne når browservinduet ændres...
<TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD><IMG SRC="billed.gif" WIDTH="90%" BORDER="0" HEIGHT="80"></TD>
</TR>
</TABLE>

COB

Definér størrelsen på billedet. Her er et eksempel:

<img src="hello.jpg" width="50%">

Du kan variere procentsatsen... Hvis det skal være hele vinduets bredde - brug da 100%. Denne kode gør, at dit billede tilpasser sig i bredden.

Hvis du også vil have, at de skal tilpasse sig i højden kan du bruge følgende eksempel kode:

<img src="yrsa.jpg" width="50%" height="10%">

Hilsen
Bjørn

Billeder har nu engang den størrelse, som billeder har.

Så hvis bredden på billedet er 800 pixels, så bliver det altså ikke mindre, selvom du gør vinduet mindre.

Et simpelt workaround er at angive en procentstørrelse på billedet (f.eks. 100%), men det indebærer folk med små skærme skal downloade en uforholdsmæssig stor grafikfil for at se den på skærmen. Og laver du din grafikfil for lille til folks vinduer, så skal den i stedet skaleres op, og det giver ikke altid kønne resultater.

Endvidere er procentangivelser i <IMG>-koden ikke en del af standard-HTML, så du kan ikke være sikker på, at alle browsere vil understøtte det.

Nu har jeg ikke set din grafikfil, men en anden mulighed er at dele den op i små dele og placere dem på en ensfarvet baggrund i en tabel, og så lade tabellen bredde blive styret af vinduets bredde.

(PS: Iøvrigt bør man ALTID angive den faktiske størrelse (i pixels) på sine grafikfiler i <IMG>-tagget - det sikrer nemlig at browseren kan afsætte plads til billedet, selvom det endnu ikke er færdigdownloadet, og det vil få ens tabeller til at loade hurtigere).

Jeg fandt ganske enkelt ud af, at det gav problemer at lægge image´t i en tabel - hvis andre kommer i samme situation, så prøv at lægge image´t helt udenfor tabellen - det virker - hvad enten man har procentangivelse på eller ej.
Point´ene går til jt, der gav mig flere gode idéer og råd, som jeg har taget til mig og vil bruge fremover, selvom han ikke direkte løste problemet! Tak til dig, jt ;-)