Avatar billede wzarlon Nybegynder
07. maj 2000 - 11:23 Der er 4 kommentarer og
1 løsning

font size

Jeg har et problem jeg har kæmpet med længe..Font size..Mht hvad opløsning siden ses i..
I 1024*768 er mine fonts som de skal være i forhold til resten af siden (font size="2")

Men i 800*600 bliver det alt for stort... Hvordan løser man det, uden at man skal lave browserspecifikke sider?
Avatar billede olebole Juniormester
07. maj 2000 - 13:25 #1
<ole>
Du kan checke for opløsning og så skrive nogle styles ud dynamisk. Under alle omstændigheder er det nærmest et 'must' at lave font-størrelser med styles (og HUSK, det skal være i 'px' - altså f.eks. 'font-size:10px'), da PC og MAC viser skrifter forskelligt. Verdana i <font size=1> er f.eks. ulæseligt på en MAC, men ikke på en PC.
Det har været omtalt masser af gange på Eksperten...prøv at bruge søgefunktionen.

Men er problemet ikke, at du ser siden på en stor skærm - men med opløsning på 800*600? Så virker alt nemlig meget stort. Du skal se siden i den opløsning, der er standard for den givne skærm.
/Vh
</bole>
Avatar billede wzarlon Nybegynder
07. maj 2000 - 13:46 #2
Problemet er ikke herhjemme, men når jeg er ude på andre PC'ere med standard opløsning på 800*600.. Ligner "L*RT"..

Jeg kører heller ikke med styles, andet end på mine links..
Jeg har prøvet at søge på mit spm, men fandt ikke rigtig noget der svarer på det jeg spørger om..

Mht px vs font size... Hvordan er forholdene? 7px = font size=2 ..

Sikkert dumme spm, men jeg har sku aldrig fået styr på det
Avatar billede olebole Juniormester
07. maj 2000 - 13:59 #3
Prøv lige at 'uppe' en URL, så vil jeg prøve at se på det  ;-)
Avatar billede wzarlon Nybegynder
07. maj 2000 - 14:15 #4
Avatar billede olebole Juniormester
07. maj 2000 - 14:51 #5
Det her burde kunne give en idé om, hvad jeg mener:

<html>
<head>
<script language="JavaScript"><!--

var str;
var stra = "<style type='text/css'>\n";
var strb = "</style>\n";

if (screen.width>800) {
    str = ".minEneStyle {font-size:16px; color:red}\n";
    str += ".minAndenStyle {font-size:20px; font-weight:bold; color:blue}\n";
}else{
    str = ".minEneStyle {font-size:10px; color:red}\n";
    str += ".minAndenStyle {font-size:12px; font-weight:bold; color:blue}\n";
}
document.write(stra+str+strb);

// -->
</script>

</head>
<body>

<span class="minEneStyle">Davs, Du!</span><br><br>
<span class="minAndenStyle">Mon dette hj&aelig;lper dig?</span>

</body>
</html>

Værdierne er helt hen i vejret, men giver et tydeligt billede af, hvad der sker.
/Vh
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester