Verschillende fonts op één pagina

Status
Niet open voor verdere reacties.
A

Aloneal

Gebruiker
Lid geworden
12 nov 2011
Berichten
168
Hallo,

Ik wil graag een eenvoudige website maken met Dreamweaver CS5. De titeltekst wil ik graag met een font met 30 px of zo doen, en de overige tekst dan met 10 px of zo.

Mijn probleem is dat als ik de de titeltekst op 30 px zet dan komt de hele pagina op 30 px. Zelfde met de tekst maar dan andersom; zet ik die op 10 px dan wordt de titeltekst ook 10 px. Ik werk voornamelijk met het grafische gedeelte van Dreamweaver omdat ik niet zoveel van HTML code's afweet. Maar als de oplossing via die code's gegeven kan worden dan kom ik er ook wel uit.

Hopene op een reactie.
 
Wat een vreemd antwoord... Enter of shift-enter heeft er niets mee te maken. Je moet de titel als h1 definiëren, dan kun je voor de titel en voor de normale tekst apart grote/kleur/etc. instellen.
 
Hallo Naarling,

Bedankt voor je antwoord, maar de titel als 'header 1' definieren werkt niet. Weliswaar komt de titel er dan groter op te staan, maar nog steeds niet op de grote die ik zelf wil. Wanneer ik de titel dan b.v. op 30 px zet, dan verandert de hele pagina toch weer mee...
 
Hm, ik heb nooit met Dreamweaver gewerkt dus ik weet niet hoe je het daar in moet stellen maar wat je uiteindelijk moet hebben is dat je kop tussen <h1></h1> staat en je normale tekst tussen <p></p> In je CSS bestand moet dan zoiets staan.
Code: 
p{
font-size:10px;
}

h1{
font-size:30px;
}
 
Ik typ het volgende (niet lachen, ik wil echt Arial gebruiken):

<body bgcolor="#990000" text="#FFCC00" class="Arial">
<p>&nbsp;</p>
<p>&nbsp;</p>
<table width="750" border="0" align="center">
<tr>
<td><h1>{font-size:50px;}Voorbeeld</h1></td>
</tr>
<tr>
<td><h2>Example</h2></td>
</tr>
</table>
Klik om te vergroten...
In dat geval krijg ik op de website gewoon de tekst:

{font-size:50px;}Voorbeeld
Klik om te vergroten...

Ik denk dat het probleem misschien bij aanvang zit. Daar zit een geselecteerde stijl in de html code. Zo begint mijn site:

<!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>Voorbeeld</title>
<style type="text/css">
.Arial {
font-family: Arial, Helvetica, sans-serif;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FC0;
}
body {
background-color: #900;
}
a {
font-size: 12px;
color: #FC0;
}
a:visited {
color: #FC0;
}
a:hover {
color: #FC0;
}
a:active {
color: #FC0;
}
</style>
</head>
Klik om te vergroten...
 
Als je de CSS in jet HTML bestand wil zetten moet dat wel tussen de <style> </style> tags aan het begin van je document (of in een los bestand natuurlijk, wat eigenlijk beter is).
 
Wellicht doet Dreamweaver dit om ook een grafische bewerking (i.p.v. alleen maar code) mogelijk te maken. In Dreamweaver kun je zowel met design als met code (tegelijk) je website vormgeven.

Wil dat zeggen dat er op deze manier geen oplossing mogelijk is?
 
Wat je wilt is beslist hel goed mogelijk, hoe je het precies in dreamweaver in moet stellen zou ik je niet kunnen zeggen. Werkt het niet als je de CSS code die ik je gaf tussen de <style> </style> tags zet?
 
Het is toch niet zo'n vreemd antwoord van enter en schift enter, lettertypes en enz. Dat kun je er allemaal mee en het was maar als inleiding. Maar als je goed kijkt staat er een link onder. Als je daar op klikt weet je precies hoe je het probleem in dreamweaver moet tackelen. in CS5 is dit niet anders. Niet met moeilijke codes. :p
 
@Naarling: Helaas. Op deze manier komt er in 'graphic mode' een gek klein icoontje op de plaats van de tekst te staan.

@manamana: In jouw link wordt uitgelegd hoe je het lettertype van één hele pagina kan veranderen. Ik wil echter op één pagina verschillende lettertype's (of verschillende grootte's van een lettertype) toepassen.

Misschien moet ik wachten tot er een Dreamweaver kenner mijn topic komt lezen. Of misschien moet ik een officieel Dreamweaver forum op gaan zoeken. Ik geef in ieder geval nog niet op, want mijn website moet eruit komen zien zoals ik het wil. :)

Suggesties blijven zeer welkom natuurlijk.
 
Ik heb de oplossing gevonden! En tamelijk simpel ook nog. :eek:

Onderaan hoef je alleen maar van het html naar het css menutje te gaan. In het css menutje verschijnen dan opties zoals bij Word.

Jippie, ik kan weer verder.

Bedankt voor het meedenken. :thumb:

@Naarling:

De code wordt tussen <style> en </style> veranderd. M.a.w. wordt helemaal bij het begin dus de locatie en vervolgens het lettertype van die locatie gedefinieerd:

<!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>Voorbeeld</title>
<style type="text/css">
.Arial {
font-family: Arial, Helvetica, sans-serif;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FC0;
}
body {
background-color: #900;
}
a {
font-size: 12px;
color: #FC0;
}
a:visited {
color: #FC0;
}
a:hover {
color: #FC0;
}
a:active {
color: #FC0;
}
.Arial table tr td h1 {
font-size: 50px;
}
</style>
Klik om te vergroten...

@Manamana: Op deze manier valt jouw link ook beter te begrijpen. Ik zat in het verkeerde menutje. (De link toont een hele oude versie van Dreamweaver, dus ik kon de vertaalslag niet maken).
 
Laatst bewerkt:
Oke dat is mooi. Met z'n allen weer goed bezig geweest. Aloneal is nu heel blij.:thumb:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan