Tekst automatisch laten aanpassen aan de grootte van het scherm

  • Onderwerp starter Onderwerp starter Lomp
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

Lomp

Gebruiker
Lid geworden
21 feb 2010
Berichten
23
Hallo ik zit met een probleem (uiteraard) Ik heb de layout veranderd naar 100% in de lengte en breedte van het scherm. Dit houdt dus in dat of je nou met een 15 inch of een 28 inch kijkt dat de lay out van de site zich automatisch aanpast aan jouw resolutie.

Allen het probleem: De tekst of de links die ik heb, verandert niet mee. Is daar ook wat aan te doen? zie hieronder:


:thumb:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:366px;
height:19px;
z-index:1;
left: 635px;
top: 307px;
}
.stijl1 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 26px;
}
#apDiv2 {
position:absolute;
width:380px;
height:27px;
z-index:2;
left: 624px;
top: 406px;
}
.stijl2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
}
.stijl3 {
color: #FFFFFF;
font-weight: bold;
}
#apDiv3 {
position:absolute;
width:379px;
height:47px;
z-index:3;
left: 622px;
top: 497px;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
-->
</style>
</head>

<body>
<img src="Waar bent u naar op zoek.jpg" alt="Startpagina" width="100%" height="100%" longdesc="Startpagina" />
<div class="stijl2" id="apDiv2">
<div align="center" class="stijl3"><a href="Waar.html">Diëtist</a></div>
</div>
<div id="apDiv3">
<div align="center" class="stijl1"><a href="Waar.html">Fitness Centrum</a></div>
</div>
<div id="apDiv1">
<div align="center" class="stijl1"><a href="Waar.html">Personal Trainer</a></div>
</div>
</body>
</html>
 
Dan zul je dat waarschijnlijk met javascript moeten doen, maar hier weet ik niet zoveel van. Helpt dit misschien?
 
Handy! maar waar moet ik dat tussen zetten?
En moet dat op elke link/pagina of hoeft dat alleen maar op de index.html?

Grtz
 
In principe moet javascript altijd in je <head> en die roep je aan. Lees anders eerst even een tutorial over Javascript, bijvoorbeeld hier...!
 
Dank je wel! Heb besloten alles maar wat kleiner te maken
Bedankt voor de moeite!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan