Syster Webb - PC Hemma 9/2003

Jag har stora JPG-bilder som jag gör i PaintShop Pro i extra hög upplösning. Hur skall jag göra för att bilden skall visas "suddig" från början och sedan bli bättre, i stället för att rullas ned uppifrån?

Svar: Det är meningslöst att använda extra hög upplösning. PaintShops standardupplösning 72 pixlar/tum är alldeles lagom för bilder som skall visas på webben.

Klicka på Options när du skall spara JPG-bilden. Då får du välja mellan "Standard Encoding" och "Progressive Encoding". Det första ger en bild som rullar ned uppifrån, medan det andra ger en från början suddig bild som blir tydligare allt eftersom den laddas in.

Passa samtidigt på att ange vilken kompression du vill använda. JPG har ett så kallat förstörande kompressionsformat. Låg kompression ger en bättre bild med större fil, och tvärtom.

En JPG-bild får litet sämre kvalitet varje gång du sparar den på nytt. I stället för att spara bilden direkt i JPG-format, kan du exportera den som JPG under ett annat namn. Även då kan du välja både kompression och format. Då ser du dessutom direkt hur stor bildfiklen kommer att bli och kan kontrollera nedladdningstiden.

I min stilmall har jag angett att B-taggarna skall ha grön text men den vanliga texten skall vara svart. Om jag anger att ett ord i en mening skall vara i fetstil blir det ordet grönt. Men om jag anger att hela stycket skall vara i fetstil, blir texten svart! Varför?

Svar: Antagligen beror det på att B-taggarna i det senare fallet har hamnat utanför P-taggarna - alltså som <B><P>Texten ...</P></B>. Koden är hierarkisk, vilket innebär att innehållet lyder närmaste "ordergivare". I det här fallet blir det P-taggen.

Skriv <P><B>Texten ...</B></P> i stället, så blir hela texten grön. Det är så det i själva verket ser ut när ett enda ord är grönt:

<P>Svart text med ett<B>grönt</B> ord</P>.

Långa texter är svåra att läsa på skärmen. Jag vill inte göra texten större; kan man dubbla radavståndet i stället?

Svar: Javisst, men dubbelt radavstånd blir nog för mycket. Pröva med en och en halv gång först. Du anger avståndet mellan raderna med attributet line-height, på det här sättet:

<P style="line-height: 150%">en rad<BR>nästa rad</P>

Här får du två rader med en och en halv gång det normala avståndet. Vill du inte ha fasta radbrytningar skriver du i stället

<P style="line-height: 150%">en lång text med rader som bryts efter tabell- eller sidbredden</P>

Genom att ändra värdet på % kan du sedan få till i stort sett vilket radavstånd du vill.

Jag har en tabell som innehåller en bild och en ganska lång bildtext. Bilden visas helt OK, men texten envisas med att klumpa ihop sig längst till vänster med en alldeles för bred högermarginal. Hur gör jag för att få texten att fortsätta under hela bilden?

Svar: Om du har en tabell med en fast bredd, och lägger in en bild som är bredare än den angivna tabellbredden, kommer tabellen att bli så bred att bilden får plats.

Om du sedan har angett en fast bredd även på tabellcellen (TD-taggen), kommer texten att anpassa sig till den bredden. Alltså får du en tabell som är så bred att bilden får plats, men där texten lyder cellbredden.

Ange i stället TD-bredden till 100% (width="100%). Nu kommer texten att anpassa sig till det utrymme som faktiskt finns. Bäst är förstås att du dessutom ger tabellen så stor bredd att bilden ryms i den.

Går det att skriva text roterad 90 grader? Jag behöver det till tabeller där större delen av innehållet är i princip ensiffrigt men där kolumnrubriken är ett längre ord.

Svar: Ja, det går, men det krånglar till det därför att en del webbläsare inte förstår koden utan visar texten som vanligt. Då blir det garanterat fult!

Gör i stället kolumnrubrikerna som bilder - i till exempel Paint Shop Pro, där du lätt roterar texten. Lägg sedan dessa bilder i cellerna för kolumnrubriker.

Hur gör man för att få raka marginaler på båda sidor av en text?

Svar: Placera texten inom P-taggar med ett ALIGN-attribut:

<P ALIGN="justify">Texten ...</P>

Stora textblock med raka marginaler kan vara tröttsamma att läsa. Den här taggen passar därför bäst till relativt korta textavsnitt, som kan bilda en trevlig kontrast till den övriga texten med dess böljande högermarginal.

Jag har allt innehåll på sidan i en tabell utan ram. Men nu vill jag lägga en informationsruta på alla sidor och den texten vill jag ha inom en ram. Dessutom vill jag ha en annan färg på bakgrunden i informationsrutan. Hur gör jag för att slippa sätta ram på hela tabellen?

Svar: Lägg en ny tabell i huvudtabellen och ge den tabellen de egenskaper som du vill ha. Exempel:

<TABLE border="0" width="600" align="left" cellspacing="0" bgcolor="#FFFFFF">
<TR><TD width="100%">
<TABLE border="2" width="200" align="right" cellspacing="0" class="bakgrund">
<TR><TD width="100%">
<P>Informationsrutan</P>
</TD></TR></TABLE>
<P>Det här är den vanliga tabellen som visas utan ram.</P>
</TD></TR></TABLE>

Med den koden placeras tabellen längst upp i högra hörnet i huvudtabellen, med en två pixlar bred ram och med gul bakgrund.

Den yttre tabellen har fortfarande inga ramar. Innehållet i den kommer att flöda runt den inre tabellen.

Om du vill ha informationsrutan längre ned på sidan, placerar du koden för den inre tabellen alldeles före det avsnitt som skall ha informationsrutan till höger, till exempel före P-taggen i det avsnittet.