login  Naam:   Wachtwoord: 
Registreer je!
 Nota's op tutorial:
Tutorials > CSS > Inleiding
Pagina:

Reacties op de tutorial Inleiding


Offline  nathanael
Gepost op: 07 juni 2005 - 22:52
Gouden medaille

HTML gevorderde
Er zijn een aantal velden leeg... geen zin om het af te maken?

Offline  Joel
Gepost op: 07 juni 2005 - 22:56
Eigenaar
Nee inderdaad, dat moet nog gemaakt worden :-) Iemand zin in ? 50 punten waard 

Offline  Ultimatum
Gepost op: 03 juli 2005 - 18:39
PHP expert
bij stap 6 zit een fout 

er staat dit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <P CLASS="links">
  2. Deze tekst staat links.
  3. </P>
  4. <P CLASS="rechts">
  5. Deze tekst staat rechts.
  6. </P>


maar het moet dit zijn
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <P CLASS="left">
  2. Deze tekst staat links.
  3. </P>
  4. <P CLASS="right">
  5. Deze tekst staat rechts.
  6. </P>


^^ 

Offline  finduilas
Gepost op: 14 april 2006 - 14:46
PHP gevorderde
Is ook geen waar:

Hij laat dit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. P.links {text-align: left}
  2. P.right {text-align: right}


Dus moet het dit zijn:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <P CLASS="links">
  2. Deze tekst staat links.
  3. </P>
  4. <P CLASS="right">
  5. Deze tekst staat rechts.
  6. </P>


Beetje slordigheid waarschijnlijk?

Offline  skillat2
Gepost op: 29 juli 2007 - 22:59
HTML beginner
Beetje uitbreiden dan maar want deze tutorial is incompleet.
Ik hoop dat iemand er wat aan heeft 

Externe Stylesheets
Naast de optie om via
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <link rel="stylesheet" href="style.css" type="text/css">
een externe stylesheet te laden kan dit ook via css import.

media="all" betekent dat deze style voor alle media types geldt, voorbeelden van andere media type's zijn "print" of "tv".
Meer media types zijn te vinden @ http://www.site...edia_Types
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <head>
  2.     <style type="text/css" media="all">
  3.     /* importeerd style.css */
  4.     @import "style.css";
  5.  
  6.     /* importeerd style.css (precies zelfde werking als hierboven alleen anders gedefinieerd) */
  7.     import url("style.css");
  8.  
  9.     /* importeerd print.css (alleen voor het media type: print)
  10.     @import url("print.css") print;
  11.  
  12.     /* importeerd presentatie.css (alleen voor media types: projection en tv. */
  13.     @import url("presentatie.css") projection, tv;
  14.     </style>
  15.   </head>


ID's
ID's zijn bijna hetzelfde als classes op 2 punten na:
- ID's hebben een andere syntax
- ID's kunnen maar 1x op dezelfde (x)html pagina gebruikt worden, daarin tegen kunnen classes meerdere keren gebruikt worden.

Een ID begin je met het # teken, vervolgens kan je de naam van het ID aanduiden.
CSS:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #links
  2. {
  3.   text-align: left;
  4. }
  5.  
  6. #rechts
  7. {
  8.   text-align: right;
  9. }


HTML:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <p id="links">
  2.   Deze tekst staat links.
  3. </p>
  4.  
  5. <p id="rechts">
  6.   Deze tekst staat rechts.
  7. </p>


Commentaar
Commentaar kan je gebruiken om de auteur, versie of andere info in het document te documenteren zonder dat deze als code wordt gezien door de browser.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. /* Dit is een comment */
  2.  
  3. /*
  4. Maar ook zo kan je een comment gebruiken
  5. */


Handige links betreft css
http://www.sitemasters.be/tutorials/2/1/CSS
http://www.site...iv_element
http://www.site...edia_Types
http://www.w3schools.com/css/default.asp

Pagina:

Enkel aanvullende informatie is welkom. Geen prijzende of afkeurende reacties.
 
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.099s