Scholieren.com forum - De tekst van mijn webpage is op de ene pc te groot en op de andere te klein

Scholieren.com forum (https://forum.scholieren.com/index.php)

- Software & Hardware (https://forum.scholieren.com/forumdisplay.php?f=20)

- - De tekst van mijn webpage is op de ene pc te groot en op de andere te klein (https://forum.scholieren.com/showthread.php?t=459357)

G.T.C.

27-04-2003 11:45

De tekst van mijn webpage is op de ene pc te groot en op de andere te klein

Ik ben met dreamweaver bezig met een simpele website. Hoewel ik wel vaker met websites bezig ben, ben ik nog steeds een rookie dus ik kan wel wat hulp gebruiken.
Het probleem is dat ik in een frame van 25*700 wat links wil zetten. Ik heb die tekst het lettertype courier new gegeven met groote 1. Op mijn pc is dat frame dan mooi opgevuld met die links. Ga ik op andere pc's die site bekijken is het opeens veels te klein en is het dus ook niet mooi verdeeld over heel die balk.
Nou denk je dan. Dan maken we toch even een tabel. Dan is alles mooi verdeeld. Ja, dat heb ik dus ook gedaan, maar het si gewoon super irii dat die tekst zo klein is.

Weet iemand hier een oplossing voor?

eddie

27-04-2003 12:56

'grootte 1'

1 wat? pixel, cm, mm, em?

De grootte van een font zou je moeten opgeven in het stylesheet. Bij voorkeur in pixels.

En je zou (als je dat doet) geen font-tags moeten gebruiker (dus geen: <font size="1"></font>)

G.T.C.

27-04-2003 13:30

kan je dat in pixels opgeven?? :confused: Dat staat niet gewoon in het propetiesvenster van dreamweaver. Als je dat dus groote 1 opgeeft is dat zoals jij zegt met een tag.

Hoe ziet dat er in html uit als ik de groote in pixels op wil geven?

ekki	27-04-2003 13:32

Citaat:

G.T.C. schreef op 27-04-2003 @ 14:30:
kan je dat in pixels opgeven?? :confused: Dat staat niet gewoon in het propetiesvenster van dreamweaver. Als je dat dus groote 1 opgeeft is dat zoals jij zegt met een tag.

Hoe ziet dat er in html uit als ik de groote in pixels op wil geven?

<font size="145px">text</font>

en dan is die 145 px natuurlijk variabel enzo.

G.T.C.

27-04-2003 14:11

Citaat:

ekki schreef op 27-04-2003 @ 14:32:
<font size="145px">text</font>

en dan is die 145 px natuurlijk variabel enzo.

Ik krijg precies het zelfde, of ik nou <font size="10px">text</font> doe

of dat ik <font size="10">text</font> doe

Dat is het dus ook niet echt :confused:

ekki	27-04-2003 14:21

heb je de breedte van je frame/tabel wel een aantal pixels gedaan? of heb je percentages genomen?

iamcj

27-04-2003 14:26

Zijn de schermen van die computers even groot?

zijn de menu-> beeld -> tekengrootte gelijk ingesteld?

Ik zou me even in html en stylesheets verdiepen.

Probleem opgelost.

G.T.C.

27-04-2003 14:43

Citaat:

iamcj schreef op 27-04-2003 @ 15:26:
zijn de menu-> beeld -> tekengrootte gelijk ingesteld?

Dat was het denk ik. Ik heb daarmee even verschillende dingen geprobeerd en dan komt het wel overeen met elkaar.
Maar bijvoorbeeld ook op deze (s.com) website haalt dit niet uit. Dat is natuurlijk wel en stuk mooier als je dat voor elkaar krijgt.

Maar ik krijg de indruk dat dat dus allemaal niet zo makkelijk gaat. Want stylesheets gaat mij allemaal een beetje te ver hoor. Ik heb dat toevallig nu gevonden in dreamweaver bij css styles, maar wat ik er mee moet.....geen idee :confused:

iamcj

27-04-2003 14:56

Code:

<html>

<head>

        <title>Untitled</title>

<style type="text/css">



#Tekst {COLOR:Black; FONT: 13px arial; FONT-WEIGHT:bold;}

#Tekst2 {COLOR:Black; FONT: 15px arial; FONT-WEIGHT:bold;}

#Z {position: absolute; z-index:1;}



</style>

</head>



<body>

<div id=Z style="left:100 ;top:100">

<table cellspacing="0" cellpadding="0" border="0">

<tr>

    <td id=Tekst>Testing</td></tr><tr>

    <td id=Tekst2>Testing</td>

</tr>

</table>

</div>



</body>

</html>

Ga hier maar wat mee spelen

G.T.C.

27-04-2003 14:57

ohwww, het valt allemaal harstikke mee met die stylesheets! Het is me gelukt hoor. Nou heb ik dus idd bereikt wat ik wilde. Ongeacht van de resolutie of andere gekke instellingen behoud ie de goeie verhoudingen enzo

Harstikke bedankt iedereen voor hun tips !!!! (y) (y) (y)

G.T.C.

27-04-2003 14:58

Citaat:

iamcj schreef op 27-04-2003 @ 15:56:

Ga hier maar wat mee spelen

Ja bedankt! Maar ja, ik had het ondertussen al zelf uitegevonden :)

Maar thnx anyway (y)

iamcj

27-04-2003 15:02

Citaat:

G.T.C. schreef op 27-04-2003 @ 15:58:
Ja bedankt! Maar ja, ik had het ondertussen al zelf uitegevonden :)

Maar thnx anyway (y)

Maar stylesheets kunnen nog meer, plak dit maar in een file en verander wat getalletjes. Het mooie is dat het cross-browser is van versie 4 en alles staat overal precies hetzelfde.

Met left en top kan je iets overal neerzetten.

G.T.C.

27-04-2003 15:07

ohw, krijg nou wat joh! Jah, das ook wel erg handig!!

Er gaat een wereld voor me open ;)

kHebTrekInWatLekkers

27-04-2003 17:31

naar mijn weten is de eenheid van tekstgrootte niet px maar pt.

Ik weet niet hoe jij stylesheets leert typen, maar nijn mijn weten zijn ze niet volgens de W3 standaard. Tenminste het komt mij niet bekend voor..

iamcj

27-04-2003 17:49

Citaat:

kHebTrekInWatLekkers schreef op 27-04-2003 @ 18:31:
naar mijn weten is de eenheid van tekstgrootte niet px maar pt.

Ik weet niet hoe jij stylesheets leert typen, maar nijn mijn weten zijn ze niet volgens de W3 standaard. Tenminste het komt mij niet bekend voor..

Ik hou van snelheid en overzichtelijkheid, dus ik comprimeer alles. Ik ga geen 12 regels gebruiken voor 1 id. Ik zet ze ook gewoon in de html zelf omdat het aanroepen van het apparte bestand meer tijd kost.

Verder werkt het overal in.

px werkt ook hoor.

Normaal zou ik het zo ongeveer maken:

Code:

<style >

#T {position: absolute; FONT: 13px arial; FONT-WEIGHT:bold;}

</style>



<div id=T style="left:100 ;top:100">Testing</div>

<div id=T style="left:100 ;top:110; FONT: 13px arial;" >Testing</div>

ekki	27-04-2003 17:55

Citaat:

iamcj schreef op 27-04-2003 @ 18:49:
Ik hou van snelheid en overzichtelijkheid, dus ik comprimeer alles. Ik ga geen 12 regels gebruiken voor 1 id. Ik zet ze ook gewoon in de html zelf omdat het aanroepen van het apparte bestand meer tijd kost.

Verder werkt het overal in.

px werkt ook hoor.

Normaal zou ik het zo ongeveer maken:

Code:

<style > #T {position: absolute;COLOR:Black; FONT: 13px arial; FONT-WEIGHT:bold;} #U {position: absolute;COLOR:Black; FONT: 15px arial; FONT-WEIGHT:bold;} </style> <div id=T style="left:100 ;top:100">Testing</div> <div id=U style="left:100 ;top:110">Testing</div>

het handige van css in een apart bestand is als je heel veel aparte pagina's hebt en je wilt in één keer overal het lettertype of achtergrondkleur (oid) veranderen, dat je dat dan maar in één bestand hoeft te doen. anders moet je al die bestandjes af om het te veranderen.

maar als je geen grote pagina hebt kun je het inderdaad makkelijk in de pagina 'inbouwen'.

wat is trouwens: 'position: absolute;'

iamcj

27-04-2003 18:00

Haal het maar is weg ;) Het betekent top en left vanaf 0,0
position: relative is vanaf vorige object.

Ik bouw altijd maar 1 of 2 pagina's. In plaats van linken naar ander html site's laad ik alles in 1 keer in hidden layers (ex plaatjes). Als ik de content wil zien, zet ik simpelweg die content op visible met een crossbrowser javascriptje en laad de plaatjes in.

Die layers maken allemaal gebruik van dezelfde stylessheet.

Voorbeeld:

http://www.weba.nl/Weba/weba.html

Alle tijden zijn GMT +1. Het is nu 16:54.