login  Naam:   Wachtwoord: 
Registreer je!
 Forum

css probleem

Offline furax - 05/02/2006 11:43
Avatar van furaxHTML beginner hey iedereen, heb een (klein) probleempje met css.
voor school moet ik verschillende kleine html bestandjes maken met het uittesten van javascripts en css. Nu is 1 van de opdrachten:
Citaat:
Oefening 10: Lettertypen via class

Ik wil als operator drie lettertypen kopteksten in mijn web-document gebruiken.
Stel de <STYLE>-tag zodanig samen dat je binnen de verschillende <H3>-tags de lettertypen ‘Times New Roman’, ‘Verdana’ en ‘Alor Wide’ kan bereiken.
Ze nemen allen een lettergrootte van 35 pt. aan.
Wij kunnen een oneindig aantal variaties bedenken op de bestaande tags:
géén nieuwe tag bedenken maar wel de resterende tags zodanig aanpassen zodat ze nieuw lijken.
Welke classes zal ik gebruiken binnen de web-pagina?
Geef duidelijk aan wat je als operator zal definiëren en wat je zal gebruiken bij het effectief aanspreken binnen de web-pagina. Tekst voor de titels mag je als operator zelf kiezen.


ik begrijp niet goed wat hij hiermee bedoelt 

dit is wat ik ervan heb gemaakt tot nu toe:


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>DHTML oefening 10</title>
  4. <style type=”text/css”>
  5. < !--
  6. h3.times {font-family: times; font-size: 35pt}
  7. h3.verdana {font-family: verdana; font-size: 35pt}
  8. h3.alor {font-family: alor; font-size: 35pt}
  9. -- >
  10. </style>
  11. </head>
  12. <body>
  13. <h3 class="times">Dit is een h3 tag in times new roman met een corpsgrootte van 35 pt</h3>
  14. <h3 class="verdana">Dit is een h3 tag in verdana met een corpsgrootte van 35 pt</h3>
  15. <h3 class="alor">Dit is een h3 tag in alor met een corpsgrootte van 35 pt</h3>
  16. </body>
  17. </html>


weet iemand wat de echte bedoeling ervan is?

7 antwoorden

Gesponsorde links
Offline Micron - 05/02/2006 11:58 (laatste wijziging 05/02/2006 11:58)
Avatar van Micron HTML beginner
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. h3.times {font-family: times; font-size: 35pt;}
  3. h3.verdana {font-family: verdana; font-size: 35pt;}
  4. h3.alor {font-family: alor; font-size: 35pt;}
  5. </style>
Offline Pieter - 05/02/2006 11:59 (laatste wijziging 05/02/2006 12:00)
Avatar van Pieter Gouden medaille

SEO guru		 Ik denk dat het goed is zo, enkel zou ik
de font-size niet elke keer opnieuw schrijven, maar in een aparte
h3 {} zetten.

Edit: @Trinity, wat heb je nu anders gedaan dan al in zijn code stond???:s
Offline Micron - 05/02/2006 12:01 (laatste wijziging 05/02/2006 12:02)
Avatar van Micron HTML beginner na 35pt had hij niet afgesloten met een ;
komt vaak voor
Offline Ontani - 05/02/2006 12:03
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 times is geen lettertype, dat zal je moeten veranderen in Times New Roman, font-size afsluiten met een ;

en zoals pieterc al zei gewoon erboven zetten:

h3 {
font-size: 35pt;
}
Offline furax - 05/02/2006 12:13
Avatar van furax HTML beginner als ik het goed heb bedoelen jullie dit?
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>DHTML oefening 10</title>
  4. <style type=”text/css”>
  5. < !--
  6. h3 {
  7. font-size: 35pt;
  8. }
  9. h3.times {font-family: Times New Roman;}
  10. h3.verdana {font-family: Verdana;}
  11. h3.alor {font-family: alor wide;}
  12. -- >
  13. </style>
  14. </head>
  15. <body>
  16. <h3 class="times">Dit is een h3 tag in times new roman met een corpsgrootte van 35 pt</h3>
  17. <h3 class="verdana">Dit is een h3 tag in verdana met een corpsgrootte van 35 pt</h3>
  18. <h3 class="alor">Dit is een h3 tag in alor met een corpsgrootte van 35 pt</h3>
  19. </body>
  20. </html>


maar ik rijg niet het gewenste resultaat:
alle h3 paragrafen zien er hetzelfde uit, ze zijn alledrie in times new roman denk ik.

en is dit hetgeen bedoelt wordt in de opgave of heb ik het verkeerd?
Offline Ontani - 05/02/2006 12:20
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>DHTML oefening 10</title>
  4. <style type="text/css">
  5. <!--
  6. h3  {
  7. 	font-size: 35pt;
  8. }
  9.  
  10. .times {	font-family:"Times New Roman"; }
  11. .verdana {	font-family:Verdana; }
  12. .alor {	font-family: Arial; }
  13. -->
  14. </style>
  15. </head>
  16. <body>
  17. <h3 class="times" >Dit is een h3 tag in times new roman met een corpsgrootte van 35 pt</h3>
  18. <h3 class="verdana">Dit is een h3 tag in verdana met een corpsgrootte van 35 pt</h3>
  19. <h3 class="alor">Dit is een h3 tag in alor met een corpsgrootte van 35 pt</h3>
  20. </body>
  21. </html>
Offline furax - 05/02/2006 12:35
Avatar van furax HTML beginner oke heel erg bedankt, het probleem is opgelost nu 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s