Syster Webb - PC Hemma 11/2002

Fråga: Jag har hittat ett kanonsnyggt teckensnitt till hemsidan, men det har bara stora bokstäver. Nu har jag hört att det är fel att använda bara stora bokstäver, men varför är det så?

Svar: Av två skäl. För det första uppfattas stora bokstäver som att man "skriker". Det blir obehagligt att läsa texten.

För det andra blir texten svårare att läsa; vi är inte vana vid sådan text. Vi läser inte text en bokstav i taget, utan som hela ord eller flera ord samtidigt. Pröva själv genom att skriva samma text på normalt sätt och med bara stora bokstäver, och jämför hur "flytet" i läsandet förändras mellan texterna!

En annan sak som du bör tänka på är hur vanligt ditt teckensnitt är. Finns det inte på besökarens dator, kommer texten att visas som standard i stället. Resultatet blir kanske ett helt annat än du tänkte dig.

Fråga: Hur får man en annan färg på bakgrunden när man pekar på en länk?

Svar: Lägg följande kod i HEAD-elementet: <style type="text/css"><!-- a:hover{color:ffffff; background-color:000000;} --></STYLE>

Nu blir länkbakgrunden svart medan texten blir vit. Pröva med andra färger; se till att kontrasten mellan textfärgen och bakgrundsfärgen blir hög. Det här fungerar i Internet Explorer och i Netscape 6. I Netscape 4.5 visas länken på det vanliga sättet.

Fråga: Jag har massor av bilder i hemsidesmappen och tycker att det är besvärligt att öppna speciella program för att leta reda på rätt bild. Finns det något enklaret sätt?

Svar: I Windows 98 kan du göra så här: Öppna Utforskaren, markera bildmappen och högerklicka på den. Välj Egenskaper och sedan "Aktivera miniatyrvy" längst ned. Klicka på Verkställ och stäng egenskapsfönstret. Eventuellt måste du nu stänga Utforskaren och öppna den på nytt.

Markera mappen med bilderna och klicka på "Visa" i menyraden. Utöver de vanliga valen med stora och små ikoner, lista och detaljerad lista, har du nu "Miniatyrer". Klicka där och listan i Utforskarens högerfönster byts mot minityrer av dina bild- och HTML-filer.

Tyvärr måste du upprepa det här för varje mapp du vill visa miniatyrer i.

Fråga: Kan man sätta första bokstaven i en text nedsänkt utan att använda stilmallar?

Svar: Ja, du kan göra en bild av bokstaven, gärna i ett snyggt och avvikande teckensnitt, och använda bilden i stället för själva bokstaven. Sätt align="left" som attribut för bilden, så kommer texten automatiskt att flöda runt den. Koden för texten i bilden ser ut så här:

<P><IMG border="0" src="stortS.jpg" align="left" width="29" height="38">ällan hade de väl sett en vackrare utsikt än denna vida vy över Vättern!</P>

Ett alternativ är att låta anfangen resa sig från textens baslinje, genom att ändra attributet "left" till "baseline".

Fråga: Jag vill ha en del text bredvid en bild, men sedan skall resten av texten fortsätta nedanför bilden. Måste jag lägga bilden och den tillhörande texten i en egen cell inom en tabell och placera resten av texten i nästa cell?

Svar: För att få texten att flöda till exempel på vänster sida av en bild, sätter du attributet align="right" på bilden. Precis där du vill att textflödet skall avslutas stoppar du in taggen <BR clear="right">. Koden kan se ut så här:

<P>En massa text till vänster om bilden<IMG src=din_bild.jpg" align="right" hspace="10" vspace="10" height="80" width="120"><BR clear="right">och resten av texten som hamnar nedanför bilden.</P>

Attributen "hspace" och "vspace" skapar luft mellan bilden och dess omgivning, medan "height" och "width" avsätter plats för bilden medan sidan laddas.