Notifikationer

Markér alle som læst Log ud

mowe Nybegynder

23. juli 2003 - 08:01 Der er 2 kommentarer og
1 løsning

Tilpasning til forskellige opløsninger

Jeg er ved at lave nogle hjemmesider - primært i "ren" html, men med enkelte javascript rutiner. Nu ville jeg så gerne have at siden blev vist korrekt på alle skærme, uanset deres opløsning (kun de mest almindeligt forekommende opløsninger). Spørgsmålet er nu bare lige, hvordan man gør det smartest. Jeg kan godt finde ud af at detektere opløsningen via javascript, men hvordan kan jeg "videregive/anvende" den information, så jeg får vist html-siden uden scrollbars mm.?

Det der skal ændres er font-størrelse, positioner og width/height i img-tags, som f.eks.:

.tabel {height: 35; font-size: 28px; position: absolute; top: 45; font-family: Agfa Rotis Sans Serif Ex Bold}

<img class="logo" border="0" src=small_logos/l.gif width="19px" height="19px" >

/Morten

Synes godt om

boris Mester

23. juli 2003 - 08:35 #1

God ide.

Font typen og al den slags kan du angive fast i CSS. Den er jo ikke afhængig af opløsning.

Her er et eksempel på ændring af skærmstørrelse, hvor skriften er 10px i små skærme og 13 px i større skærme.:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<script>
var bredde
if (screen.width > 800)
bredde = 1.3;
else
bredde = 1;
</script>
</head>

<body>
<script>document.write("<h1 style='font-size:"+(bredde*10)+"px;'"+">")</script>Hallo de der</h1>

</body>
</html>

Synes godt om

mowe Nybegynder

23. juli 2003 - 11:36 #2

Hej Boris,

Det virker bare! Takker mange gange.

/Morten

Synes godt om

boris Mester

24. juli 2003 - 00:45 #3

Selv tak. Tak for point!
Godt at vide at jeg ikke er den eneste, som ikke gider se de store tomme flader på skærmen. :-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS