login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Project css

Offline Mister - 18/02/2006 00:13
Avatar van MisterHTML interesse Ik ben momenteel met mijn project css bezig, dit is een project van mij om css te leren, nu heb ik ondervonden dat sommige dinges in firefox niet werken en in IE wel, nu vind ik da wel heel lastig, omdat er tegenwoordig veel mensen met firefox werken, nu heb ik gehoord dat je dit probleem kan oplossen, maar hoe?

,alvast bedankt

8 antwoorden

Gesponsorde links
Offline vinTage - 18/02/2006 00:39
Avatar van vinTage Nieuw lid door "xhtml strict" te werken ?
Offline Ontani - 18/02/2006 01:00
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 door gewoon veel te oefenen, xhtml strict werken zorgt er niet meteen voor dat het er overal het zelfde uitziet.

veel proberen, en herproberen en nog eens proberen tot het lukt en dan kom je achter ongelofelijke simpele methodes die in alle browsers werken 
Offline Mister - 18/02/2006 09:45
Avatar van Mister HTML interesse mmm dit snap ik niet echt....
gewoon proberen... maar de code is echt juist, in IE werkt ze wel, maar in firefox niet...
Offline Pieter - 18/02/2006 10:42
Avatar van Pieter Gouden medaille

SEO guru		 Als de code "echt juist" is, is ze valide als je ze checkt via de W3C, right? Firefox geeft ze juist weer zoals ze moet zijn. IE niet.
Dus ik vrees dat je code NIET echt juist is.
Offline Mister - 18/02/2006 11:09
Avatar van Mister HTML interesse De hr doet hij in Firefox niet...

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Project CSS | Rob Vloemans</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <style type="text/css">
  7.  
  8. /* --------------------------------------------------
  9. BODY
  10. -------------------------------------------------- */
  11.  
  12. body{
  13. 	background-color: #333333;
  14. }
  15.  
  16. /* --------------------------------------------------
  17. H1
  18. -------------------------------------------------- */
  19.  
  20. h1{
  21. 	color: #FF9900;
  22. 	text-align: left;
  23. 	text-transform: uppercase;
  24. 	font-family: verdana;
  25. 	font-style: normal;
  26. 	font-weight: normal;
  27. 	font-size: 150%;
  28. }
  29.  
  30. /* --------------------------------------------------
  31. H2
  32. -------------------------------------------------- */
  33.  
  34. h2{
  35. 	color: #FF9900;
  36. 	text-align: left;
  37. 	text-transform: uppercase;
  38. 	font-family: verdana;
  39. 	font-style: normal;
  40. 	font-weight: normal;
  41. 	font-size: 100%;
  42. }
  43.  
  44. /* --------------------------------------------------
  45. H3
  46. -------------------------------------------------- */
  47.  
  48. h3{
  49. 	color: #999999;
  50. 	text-align: left;
  51. 	text-transform: uppercase;
  52. 	font-family: verdana;
  53. 	font-style: normal;
  54. 	font-weight: normal;
  55. 	font-size: 60%;
  56. }
  57.  
  58. /* --------------------------------------------------
  59. OL.DECIMAL
  60. -------------------------------------------------- */
  61.  
  62. ol.decimal {
  63. 	list-style-type: decimal;
  64. 	color: #999999;
  65. 	text-align: left;
  66. 	font-family: verdana;
  67.  
  68. }
  69.  
  70. /* --------------------------------------------------
  71. HR.1
  72. -------------------------------------------------- */
  73.  
  74. hr.1{
  75. 	height: 1;
  76. 	border: dashed;
  77. 	color: #999999;
  78. }
  79.  
  80. /* --------------------------------------------------
  81. P.NORMAAL
  82. -------------------------------------------------- */
  83.  
  84. p.normaal{
  85. 	color: #999999;
  86. 	text-align: left;
  87. 	font-family: verdana;
  88. 	font-style: normal;
  89. 	font-weight: normal;
  90. 	font-size: 70%;
  91. 	leftmargin {margin-left: 2cm};
  92. 	{text-indent: 1cm};
  93. }
  94.  
  95. /* --------------------------------------------------
  96. THE END
  97. -------------------------------------------------- */
  98.  
  99. </style>
  100. </head>
  101.  
  102. <body>
  103.  
  104. 	<h1>Project CSS</h1>
  105. 	<hr class="1">
  106. 		<ol class="decimal">
  107. 			<h3><li>wat?</li></h3>
  108. 			<h3><li>waarom?</li></h3>
  109. 			<h3><li>tijdlijn</li></h3>
  110. 		</ol>
  111. 		<br>
  112. 		<ol class="decimal">
  113. 			<h2><li>wat?</li></h2>
  114. 				<ol class="decimal">
  115. 				<p class="normaal">
  116. 					Project CSS is een project van mij, Rob Vloemans. En is een project dat opgestart is met de bedoeling om meer en beter CSS te leren. Nu, wat is CSS vragen sommigen zich hier wel af? CSS staat namelijk voor <b>C</b>ascading <b>S</b>tyle <b>S</b>heets. Ook de term "Style Sheets" wordt wel gebruikt. Het betekent allemaal hetzelfde in ieder geval.
  117. 					Ok, waarom zou je CSS nu gaan gebruiken? Nou, om een heleboel redenen.
  118. 					Ik zal hier de belangrijkste noemen:
  119. 					<li>Met CSS kun je in hoge mate de weergave van je pagina bepalen en kun je effecten bereiken die met HTML tags alleen niet mogelijk zijn. Zo kun je bijvoorbeeld bepalen dat alle h3 tags 18 Points groot moet zijn in de kleur rood en met het lettertype Arial. Het is dus veel flexibeler dan HTML wat de vormgeving betreft.</li>
  120. 					<li>CSS stelt je in staat om alle stijlelementen van een website in een document onder te brengen. Dat wil zeggen dat je maar een document hoeft te veranderen om alle pagina's van je site aan te passen. Wil je bijvoorbeeld de kleur van al je Headings veranderen of het lettertype dat je in je paragrafen gebruikt? Dan verander je het CSS document en alle pagina's nemen deze stijl dan over. Met HTML zou je al deze wijzigingen in alle pagina's moeten aanbrengen, wat veel meer werk is.</li>
  121. 					<li>De pagina's van je site worden sneller doordat je veel minder code hoeft te gebruiken. Hierdoor wordt je site dus sneller om te laden.</li>
  122. 					<li>CSS code is browser-vriendelijk. Het wordt ondersteund door browsers Internet Explorer 3 en hoger en Netscape 4 (gedeeltelijk) en hoger. Lagere browsers negeren CSS waardoor het daar niet voor problemen zorgt.</li>
  123. 				</p>
  124. 				</ol>
  125. 			<h2><li>waarom?</li></h2>
  126. 			<h2><li>tijdlijn</li></h2>
  127. 		</ol>
  128. </body>
  129. </html>
Offline Pieter - 18/02/2006 13:07 (laatste wijziging 18/02/2006 13:08)
Avatar van Pieter Gouden medaille

SEO guru		 Ik zie wel degelijk een horizontale lijn hoor...Probeer misschien die class 1 eens andere naam te geven?

Edit: veranderd naar "test", en het werkt wel. Waarschijnlijk moet je dus met een woord werken.

Groetjes
Offline Mister - 18/02/2006 15:00 (laatste wijziging 18/02/2006 15:08)
Avatar van Mister HTML interesse Merci, zo werkt het inderdaad, nu alleen de dikte van de lijn nog, weet iemand hoe dat moet in css, want size en height werkt precies niet echt...

,alvast bedankt

bij IE is het height: 1px, daar werkt het... maar bij firefox werkt dat niet :S
Offline BarTeL - 18/02/2006 19:08
Avatar van BarTeL Nieuw lid height: 1px;
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.202s