Tekst wordt niet vergroot in browser

Marius01 · Bericht door **Marius01** » 6 september 2011, 19:09

Geacht forum,

Sinds heel kort gebruik ik Kompozer, heb jaren geleden e.e.a. gemaakt met frontpage maar dat is uit de tijd.
kom een heel eind alleen een probleem.

Hoe groot ik ook mijn tekst maak het blijft in de browser of op internet dezelfde grootte

Wat gaat hier fout ?

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>index</title>
</head>
<body>
<big><big><big><big><big><big><big><big><big>assa</big></big></big></big></big></big></big></big></big><br>
</body>
</html>

Bekijk de pagina op http://www.lpg.nl

hoop op een oplossing /wat gaat er niet goed ?

Vr
Marius01

nirwana · Bericht door **nirwana** » 6 september 2011, 22:06

Marius,

Volgens mij word je inmiddels helemaal gek van alle big's en small's die zo in de code terecht komen.

Je kunt veel beter de grootte van lettertypes bijvoorbeeld in pixels opgeven. Dan kun je aangeven welk lettertype gebruikt wordt en welke grootte die gaat krijgen. Verder wordt de code die je nu in de website hebt staan er een stuk overzichtelijker door.

Zo kun je beter met de CSS-editor van Kompozer aan de slag gaan. Daarmee kun je aangeven welke opmaak een bepaalde tekst moet krijgen. Als je hier meer over wilt weten dan kan ik je daar wel verder mee helpen.

nirwana · Bericht door **nirwana** » 6 september 2011, 22:28

Marius,

Op http://www.mozbrowser.nl/web/lpg/index.html heb ik een kopie van de pagina geplaatst.
Hier heb ik zoveel mogelijk overbodige code verwijderd.

Dan is dit eigenlijk alles wat nog van de tekst overblijft:

Code: Selecteer alles

<br>
<span class="title">Jos van Ommeren <i>Autogas</i></span><br>
<br>
<i>De LPG-inbouwspecialist voor Haarlem en omgeving</i><br>
<br>
Dealer van o.a.:<br>
<span class="kleiner">Eurogas,GFI Control Systems(AG-Holland en Necam), Prins, Vialle, Landi-Renzo, OMVL en BRC.</span>
<br><br>
Ook voor trekhaken kunt bij ons terecht<br>
<br>
Meer informatie?<br>
<a target="_top" href="http://www.ommeren-autogas.nl/">Klik hier</a>
</body>

Hierin heb ik 2 CSS-klasse toegepast: title en kleiner.

De regels voor die CSS-klassen zien er als volgt uit:

Code: Selecteer alles

	span.title
	{
		font-size: 48px;
	}
	
	span.kleiner
	{
		font-weight: normal;
		font-size: 14px;
	}

Verder heb ik nog deze algemene CSS-klasse toegevoegd voor de algemene opmaak van de pagina:

Code: Selecteer alles

	body
	{
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		
		background-color: #FFFF00; 
		color: #000099;
		font-weight: bold;
	}

Met text-align wordt de tekst gecentreerd. Verder geef ik eenmalig een te gebruiken lettertype op (met fallback naar andere lettertypes). Ook geef ik daarin de algemene lettergrootte op. Die lettergrootte kan ik nog voor andere stukken tekst aanpassen, maar in principe is nu mijn tekst 18 pixels groot.
Verder heb ik een achtergrondkleur opgegeven en een tekstkleur (= color). Dan had je allemaal vetgedrukte tekst gebruikt, dus daarvoor is die font-weight opgenomen.

Ter info: de hoofdpagina van lpg.nl bestaat uit 6 kilobytes aan code. Mijn voorbeeld ziet er ongeveer net zo uit, maar is slechts 2 kilobytes. Daarbij heb ik nog geen moeite gedaan om de pagina zo klein mogelijk te krijgen. Ik heb vooral overbodige code (die wel in de code staat, maar verder weinig doet) eruit gehaald.

MozBrowser

Tekst wordt niet vergroot in browser

Tekst wordt niet vergroot in browser

Re: Tekst wordt niet vergroot in browser

Re: Tekst wordt niet vergroot in browser