login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[CSS] h1?

Offline DrB - 30/10/2005 11:55
Avatar van DrBHTML interesse Hej,

Dit is mijn huidige style.css:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {font-family:verdana, sans-serif; font-size: 10px; color:#000000; background-color:#ffffff; text-align: center; } #container { margin: 0 auto; width: 720px}ഀ
  2. table.tabel{ഀ
  3. height: 589px;ഀ
  4. }ഀ
  5. ഀ


Nu wil ik sommige teksten op de pagina een pixel groter hebben. Dus in punt 11. Hoe zet ik dit in mijn style.css? Ik heb het al op verschillende manieren geprobeerd, maar hij pakt hem op één of andere manier niet.

Greetz,

DrB

18 antwoorden

Gesponsorde links
Offline BigBug - 30/10/2005 11:59
Avatar van BigBug PHP expert Zet het in tabellen en geef die een class mee.
Offline DrB - 30/10/2005 12:35 (laatste wijziging 30/10/2005 20:58)
Avatar van DrB HTML interesse Bedankt voor je antwoord. Zou iemand de style.css kunnen posten hoe deze er dan uit gaat zien. Ik wil gewoon een gedeelte tekst iets groter hebben, dan moet er <h1> geloof ik voor. Maar hoe zet ik dit in mijn style.css.

Greetz,

DrB
Offline lasdesigner - 30/10/2005 21:01
Avatar van lasdesigner PHP beginner .h1
{
font-size: 18px;
}

weet niet precies hoe groot
en dan:

<div class="h1">
hier je tekst die groot moet
</div>
Offline Ontani - 30/10/2005 21:02 (laatste wijziging 30/10/2005 21:03)
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 bijvoorbeeld:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. .class h1 {
  2.  /* Hier de eigenschappen van de H1 die je in de div met class="content" gebruikt */
  3.  font-size: 11px;
  4. }
  5.  
  6. <div class="content"><h1>Een h1 van 11px hoog</h1></div>
  7. <h1>een standaard h1</h1>
Offline DrB - 31/10/2005 09:49 (laatste wijziging 31/10/2005 11:37)
Avatar van DrB HTML interesse Hardstikke bedankt voor jullie antwoorden, alleen hoe maak ik hier nu een goede style.css van. Ben echt een leek op dat gebied, want heb nog niet met h1 gewerkt en dergelijke, gebruikte gewoon een standaart stylesheet.

Mijn stylesheet nu:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {font-family:verdana, sans-serif; font-size: 10px; color:#000000; background-color:#ffffff; text-align: center; } #container { margin: 0 auto; width: 720px}&#3328;
  2. table.tabel{
  3. height: 589px;
  4. }
Offline Ultimatum - 31/10/2005 15:55 (laatste wijziging 31/10/2005 15:55)
Avatar van Ultimatum PHP expert als je stylesheet intern (dus in de head tags van een bestaande pagina dan donder je er <style type="text/css"> </style> omheen en als het extern is gwoon opslaan als stylesheet_naam.css

en dan in de file waar je de stylesheet dit in <head></head> zette
<link rel="stylesheet" href="stylesheet_naam.css" type="text/css" />
Offline DrB - 31/10/2005 16:08 (laatste wijziging 31/10/2005 16:08)
Avatar van DrB HTML interesse Bedankt voor je antwoord. Maar ik heb dus al een stylesheet en wil die .h1 daarbij zetten, maar ik weet niet hoe. Zie mijn post hiervoorhoor mijn stylesheet eruit ziet. ik wil er dus bij lettertype verdana, groote: 11 px ;color:#000000 dit moet er dus bij in mn stylesheet.
Als ik gewoon
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .h1
  2. {
  3. font-size: 18px; 
  4. }

er onder zet werkt het niet.


Greetz,

DrB
Offline Rens - 31/10/2005 16:11
Avatar van Rens Gouden medaille

Crew algemeen		 Probeer 1 van de volgende 2 eens:

Deze gewoon in je stylesheet zetten, zonder <h1...> een class mee te geven.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. h1
  2. {
  3. font-size: 18px;
  4. }


of:
Dit in je stylesheet:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .h1
  2. {
  3. font-size: 18px;
  4. }

En dit als je html voor <h1...>
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <h1 class="h1">
Offline Ultimatum - 31/10/2005 16:12
Avatar van Ultimatum PHP expert je moet onder de laatste } gwoon weer opniew beginnen
dus
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .h1
  2. {
  3. font-size: 18px; 
  4. }
  5. .naam 
  6. {
  7. de gegevens
  8. }
  9. .naam2
  10. {
  11. wee gegevens
  12. }

etc..
Offline Ibrahim - 31/10/2005 16:15
Avatar van Ibrahim PHP expert luister toch wat hij zegt 
hij vraagt hoe hij die h1 in zijn huidige css kan proppen 

php code - Bekijk de code zonder highlighting - Klap code in 
  1. body 
  2. {
  3. font-family:verdana, sans-serif; 
  4. font-size: 10px; 
  5. color:#000000; 
  6. background-color:#ffffff; 
  7. text-align: center; 
  8. } 
  9. #container 
  10. { 
  11. margin: 0 auto; 
  12. width: 720px}&#3328;
  13. table.tabel{
  14. height: 589px;
  15. }
  16. .h1
  17. {
  18. font-size: 18 px;
  19. }


ga me eens verdiepen in die css 
Offline Ultimatum - 31/10/2005 16:32 (laatste wijziging 31/10/2005 16:35)
Avatar van Ultimatum PHP expert jah, maar ik zeg hoe hij het moet doen, want als je alles voorgekauwd krijgt, leer je er ook geen reet van 

edit by Rensjuh:
Citaat:
5. Taalgebruik:

Schrijf je berichten in het Algemeen Nederlands. Gebruik leestekens waar nodig, geen zelf uitgevonden afkortingen en geen MSN-taal. Hou er rekening mee dat hier Nederlandstalige mensen uit verschillende streken bijeenkomen, en zo ook verschillende dialecten. Het AN biedt hier dus weeral een ideale middenweg, hou je hier dan ook aan.
Offline DrB - 31/10/2005 17:01
Avatar van DrB HTML interesse Hardstikke bedankt voor de antwoorden! Ga ermee aan de slag!
Offline Ontani - 31/10/2005 17:15
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 voor zolang ik weet gaat

.h1 niet werken als ge <h1> tags gebruikt

daarvoor moet ge zoals Rensjuh zegt h1 in je stylesheet zetten (zonder punt) ofwel met class werken

<div class="h1"></div>
<span class="h1"></span>
Offline DrB - 31/10/2005 18:37 (laatste wijziging 02/11/2005 20:50)
Avatar van DrB HTML interesse Hej,

Dit is nu mijn style.css

php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {font-family:verdana, sans-serif; font-size: 10px; color:#000000; background-color:#ffffff; text-align: center; } #container { margin: 0 auto; width: 720px}&#3328;
  2. table.tabel{
  3. height: 589px;
  4. }
  5. .h1 
  6. { 
  7. font-size: 11px;
  8. }


En voor de tekst plaats ik dan
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="h1">
en eindig met
php code - Bekijk de code zonder highlighting - Klap code in 
  1. </div>
Alleen dit werkt niet. Iemand nog suggesties ?  
Offline Gerard - 03/11/2005 01:17
Avatar van Gerard Ouwe rakker Ik heb dit net, precies zoals het er staat, in een documentje gegooid en bij mij doet hij het perfect. Ik zou niet weten wat er dus fout is aan deze code en dus denk ik dat je de gegevens niet goed hebt overgenomen.
Offline KmkZ - 03/11/2005 08:44
Avatar van KmkZ Lid Even snel gemaakt.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2. 	font: 11px, "Verdana", Arial;
  3. 	color: #000;
  4. }
  5.  
  6. h1 {
  7. 	font: 15px, "Arial", Verdana;
  8. 	color: #000;
  9.  
  10. 	letter-spacing: 1px;
  11. }


Voorbeeld:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. 	<head>
  3. 		<title></title>
  4. 	</head>
  5.  
  6. 	<body>
  7. 		<p>
  8. 			Hier is een tekst van 11px.
  9. 		</p>
  10.  
  11. 		<h1>
  12. 			Hier is een tekst van 15px.
  13. 		</h1>
  14. 	</body>
  15. </html>
Offline DrB - 03/11/2005 10:24 (laatste wijziging 03/11/2005 18:35)
Avatar van DrB HTML interesse Weer harstikke bedankt voor de antwoorden, ga er vanmiddag mee aan de slag na mn tentamen 

// update


Het is gelukt, bedankt! Nu wil ik alleen de tekst uitlijnen naar links en het moet vetgedrukt zijn, hoe voeg ik dit toe?

php code - Bekijk de code zonder highlighting - Klap code in 
  1. h1 {
  2.     font: 12px, "verdana", sans-serif;
  3.     color: #000;
  4.  
  5.     letter-spacing: 1px;
  6. }


Bedankt voor jullie antwoorden in ieder geval, leer er steeds meer van nu 


Greetz,

DrB
Offline Maarten - 03/11/2005 18:58
Avatar van Maarten Erelid Dan moet je margin-left (of padding-left, ben et nie zeker) op 0 zetten, font-weight: bold toevoegen en in het vervolg even zelf zoeken.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.378s