webForumDet fria alternativet

Fixera storleken på text på en hemsida

HTML & CSSur HTML, XHTML & CSS

26 svar · 761 visningar · startad av lergell

Medlem sedan sep. 20001 943 inlägg
Frågan#1

I explorer finns det en meny som heter "visa" där man kan välja textstorlek bland, minst, mindre, mellan, större, störst.

Jag har sett på några sidor att de inte påverkas av att man väljer de olika och nu undrar jag hur man skall göra för´att fixa så att texten inte blir större eller mindre.

Vill ha den i fonten verdana och storlek 1 som jag har nu och att inget skall hända när folk försöker ändra storleken.

Tacksam för snabba svar ;)

Medlem sedan sep. 200278 inlägg
#2

För att "låsa" textstorleken så använder du helt enkelt CSS och sätter storleken i enheten pixlar.

body
{
  font-family: Verdana;
  font-size: 10px;
}

Dock skulle jag vilja avråda mot att använda detta generellt, p.g.a. användbarhet och -vänlighet.

Medlem sedan sep. 20001 943 inlägg
#3

på grund av att texten ligger i tabeller, så är det nästan ett måste att fixera storleken. troligen blir det mest användarvänligt på så sätt så att inte resten av sidan blir oprop.

tack för hjälpen i alla fall! ;)

Medlem sedan sep. 200278 inlägg
#4

Jag tycker aldrig det är rätt att fixera storleken, tänk på de (eventuella) besökare som är synskade och behöver ändra storleken på texten....

Men... det är inte jag som bygger din sajt :)

Medlem sedan apr. 20003 174 inlägg
#5
[RED]table, tr, td
{
  font-family: Verdana;
  font-size: 10px;
}[/RED]

Värt att notera är att du bör ha fler teckensnitt i ditt font-set, det är inte alla som använder Verdana.. ;)
Läs vad Jarvklo skriver i denna tråd, mycket intressant:
http://www.webforum.nu/showthread.php?s=&postid=577723#post577723

Medlem sedan sep. 20001 943 inlägg
#6

Vart skall jag lägga in koden?

Medlem sedan jan. 20032 285 inlägg
#7

Inom

<head>
<style type="text/css">
<!--
..
-->
</style>
..
</head>

eller i en egen css-fil som du då inkluderar med

<link rel="stylesheet" href="style.css">
Medlem sedan sep. 20001 943 inlägg
#8

Tackar

Medlem sedan sep. 20001 943 inlägg
#9

Snacka om snabba svar ;)

Medlem sedan jan. 20032 285 inlägg
#10

Joo... wF rules ;)

Medlem sedan sep. 20001 943 inlägg
#11

gött :)

Medlem sedan juli 20013 378 inlägg
#12

Vill /.../ att inget skall hända när folk försöker ändra storleken.

Ledsen om jag måste desillusionera dig lite - men det går numera inte garanterat att hindra detta på något sätt!

Folk som kör Mozilla kan numera (om de använder de senaste versionerna) krympa och förstora text lika gladeligt vare sig webbsidorna använder pixels eller ej för text-storlek!

Däremot funkar tipsen du fått här i tråden klockrent i alla av mig kända versioner av MSIE/Win ;)

Jag tycker aldrig det är rätt att fixera storleken, tänk på de (eventuella) besökare som är synskade och behöver ändra storleken på texten....

Hmm...
Ett litet inlägg i debatten här... §e
Borde inte en hel del synskadade ha lärt sig (eller fått hjälp med) att ställa in sina webbläsare att dels ignorera alla webbsidans stilmallar och dels ersätta dessa med egna - mer "lättlästa" versioner ? ;)

Medlem sedan aug. 2002477 inlägg
#13

jarvklo skrev:

Ett litet inlägg i debatten här... §e
Borde inte en hel del synskadade ha lärt sig (eller fått hjälp med) att ställa in sina webbläsare att dels ignorera alla webbsidans stilmallar och dels ersätta dessa med egna - mer "lättlästa" versioner ? ;)

Kunskapen är tyvärr inte så spridd då det gäller möjligheter att använda egna stilmallar. Och det är inte bara synskadade som har mest nytta av att förstora texten på webbsidor utan till exempel även rullstolsbundna som inte kommer nära skärmen...

Medlem sedan feb. 2003107 inlägg
#14

En fundering men anledning av ovan inlägg.

På min sida använder jag css mallar och vet att flera användare har bekymmer med just sin syn och vill ha lite större text.

Provade själv med visa större text men det gick ju inte. Var ställer man in i IE att man kan strunta i css filen? Eller struntar IE i alla css-filer då på alla siter?

Går det komma runt på något sätt så man kan både äta kakan och ha den kvar??

Medlem sedan juli 20013 378 inlägg
#15

Du kan bara ställa in det så att IE struntar i storlekarna på *alla* webbplatser... (Tools - Internet options - knappen "accessability" längst ner till höger på förstasidan).
Däremot kan du kan stänga av textstorlekarna separat (och använder resten av stilmallsinställningarna ;) )

Om du inte vill lita på MSIE:s inställningar

Du kan också använda en "stylesheet switcher" och lägga upp flera olika stilmallar med olika storlekar på texten... (eller två olika - en med storlekar inställt och en utan ;) )

Se http://www.alistapart.com/stories/alternate/ (Javascript) (i aktion på t.ex. http://zeldman.com/) eller http://www.evolt.org/article/Style_Switcher_in_ASP/17/28241/index.html (ASP)

Medlem sedan sep. 20001 943 inlägg
#16

Har lagt in sciptet och har fått det att fungera så att det inte går att ändra storlek i Internet Explorer. Men när en god vän till mig skulle gå in på hemsidan hemifrån blev texten väldigt stor och fonten blev Times New Roman. Detta trots att han hade textstorleken inställd på mellan.

Kan detta bero på att han har IE 5.0? Hur kan man åtgärda detta problem?

Tacksam för snabba svar!

Medlem sedan aug. 2002477 inlägg
#17

lergell skrev:

Har lagt in sciptet och har fått det att fungera så att det inte går att ändra storlek i Internet Explorer. Men när en god vän till mig skulle gå in på hemsidan hemifrån blev texten väldigt stor och fonten blev Times New Roman. Detta trots att han hade textstorleken inställd på mellan.

Kan detta bero på att han har IE 5.0? Hur kan man åtgärda detta problem?

Tacksam för snabba svar!

Omöjligt att säga... Måste se sidan med skriptet (menar du inte stilmallen?), och veta om din vän med ie 5 har gjort egna inställningar i webbläsaren.

Medlem sedan juli 20013 378 inlägg
#18

Som MikkeX säger - Omöjligt att felsöka detta utan koden... Har du en länk till sidan du har problem med?

Medlem sedan sep. 2002188 inlägg
#19

Hej lergell!
För att använda stylesheet kan du ju lägga din css definition i en .css fil och anropa via:

<html>
<head>
<link rel="stylesheet" href="minstil.css" type="text/css">
</head>
<body>
...
</html>

Vill du hämta en klass som heter hejsan, och använda i en <p></p> kan du köra

<html>
<head>
<link rel="stylesheet" href="minstil.css" type="text/css">
</head>
<body>
<p class="hejsan">text</p>
</body>
</html>

^^ i minstil.css kan då följande finnas följade:

.hejsan
{
font-size : 12pt;
font-family : arial, helvetica, sans-serif;
color : #003366;
}

i och med att du en gång angett sökvägen till css-filen, anger du bara class="klassnamn" i dina taggar.

Med vänliga hälsningar
BromZ

Medlem sedan sep. 20001 943 inlägg
#20

okej, tack så mycket, skall se om jag kan lägga upp filerna

det konstiga är att det funkar på 5-10 andra datorer vi har testat på ;)

145 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
141 ms — hämta tråd, inlägg och bilagor (db)