[css] Lettertype <div> "kopieren" in <h1> - Softwareontwikkeling

woensdag 5 maart 2003 11:17

Acties:

Verwijderd

Topicstarter

Is het mogelijk om exact hetzelfde lettertype/dikte enz. te krijgen voor <h1>?

voorbeeld in CSS file:
.zelfde
{
color: #408080;
font-family: garamond, arial;
font-size: 14pt;
}

output HTML
<h1 class=zelfde>More Information</h1>
<h2 class=zelfde>More Information</h2>
<h3 class=zelfde>More Information</h3>
<h4 class=zelfde>More Information</h4>
<div class=zelfde>More Information</div>

Merk op dat alles gelijk is behalve de <div> regel.

woensdag 5 maart 2003 11:20

Acties:

nrg

Is wel mogelijk, denk dat je dan moet gaan klooien met paddings die standaard met Hx'en worden meegegeven.

Ik gebruik hier altijd Topstyle voor

woensdag 5 maart 2003 11:24

Acties:

Verwijderd

Ik heb echt geen idee wat je bedoelt...

woensdag 5 maart 2003 11:27

Acties:

Verwijderd

Je moet de font-weight nog instellen, bijvoorbeeld:

code:

1	font-weight: normal;

En misschien ook nog de marges & paddingen, anders wordt daar de standaardwaarde voor gebruikt en die kunnen per browser verschillen.

woensdag 5 maart 2003 11:32

Acties:

Verwijderd

Topicstarter

Uitleg voor Blues
Maak twee files aan in de zelfde map:
- style.css
- test.htm

inhoud van style.css
.zelfde
{
color: #408080;
font-family: garamond, arial;
font-size: 14pt;
}

inhoud van test.htm
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<h1 class=mooi >More Information</h1>
<h2 class=mooi >More Information</h2>
<h3 class=mooi >More Information</h3>
<h4 class=mooi >More Information</h4>
<div class=mooi >More Information</div>
<body>
</body>
</html>

Bekijk vervolgens het resultaat! Open de file test.htm.
Merk op dat de laatste regel anders van opmaak is.

woensdag 5 maart 2003 11:35

Acties:

nrg

Dat komt dus doordat je browser een Hx standaard al een style geeft die jij gaat aanpassen.

Een div heeft geen style, dus die bouw je vanuit het niets op.

Je moet dus margins, paddings, font-weights e.d. allemaal vaststellen voor de Hx in je stle.css.

woensdag 5 maart 2003 11:54

Acties:

Verwijderd

Topicstarter

dank jullie voor de snelle reacties.
het is me volkomen duidelijk geworden.
div is stijlloos

Topstyle ff uitproberen... nooit eerder van gehoord.

Topic mag gesloten worden.

woensdag 5 maart 2003 11:57

Acties:

Pelle

🚴‍♂️

Ok, succes