1. Deze website gebruikt cookies. Door deze website verder te gebruiken, gaat u akkoord met ons gebruik van cookies. Leer Meer.

Het Web ontwikkelaars Topic [deel 3]

Discussie in 'PC, Handheld & Algemeen' gestart door Le Lastpak, 19 mei 2011.

  1. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Al geprobeerd maar kreeg steeds niks in beeld? kun je misschien eens een voorbeeld geven?O-) dan weet ik wat ik fout doe:thumbs:
     
  2. The Redman FTW

    The Redman FTW ^_^

    Berichten:
    596
    Leuk Bevonden:
    0
    Code:
    <html>
    <head>
    <style>
    .vakje {
    background-color: red;
    color: white;
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 10px;
    }
    </style>
    </head>
    <body>
    <div class="vakje">
    trolololololololo
    </div>
    <div class="vakje">
    vakjes hahaha
    </div>
    </body>
    </html>
    Voorbeeld van een div met een class die in css is opgenomen. :cool: Thans, zo begreep ik het.
     
    Laatst bewerkt: 26 okt 2011
  3. Le Lastpak

    Le Lastpak (◕‿◕✿)

    Berichten:
    6.574
    Leuk Bevonden:
    798
    Kan je dat voor me doen? Want voor mij is dit echt niet simpel. :x
     
  4. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Dan krijg ik alleen de tekst in beeld... :mad:
     
  5. Ferron

    Ferron Active Member

    Berichten:
    5.446
    Leuk Bevonden:
    38
    Ik niet. :+
     
  6. Le Lastpak

    Le Lastpak (◕‿◕✿)

    Berichten:
    6.574
    Leuk Bevonden:
    798
    dan voer je het verkeerd in. Weet je zeker dat je het als code invult. :confused:
     
  7. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    huh, dan doe ik weer iets vreselijk fout natuurlijk:+ (websiteNOOB8))

    .html:

    <!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=iso-8859-1" />
    <title>sc Heerenveen</title>
    <link href="style.css" rel="stylesheet" type="text/css" />


    </head>

    <body>
    <div id="container">
    <div id="header"></div>
    <div class="vakje">
    trolololololololo
    </div>
    </div>

    </body>
    </html>

    .css:

    @charset "utf-8";
    /* CSS Document */

    body { height: 100%; margin: 0; padding: 0; background:#FFFFFF; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
    html{ height: 100%; }

    #container {width:900px; margin:0 auto;}
    #header {background: url(header.png); width: 900px; height: 160px; margin: 0;}

    .vakje {
    background-color: red;
    color: #1E90FF;
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 10px;
    }
     
  8. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Ik ben niet een goed eind op weg, maar heb weer een probleem. Waarom komt bij mij div1 niet in het beeld?

    .html:

    <!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=iso-8859-1" />
    <title>Heerenveen Nieuws</title>
    <link href="style.css" rel="stylesheet" type="text/css" />


    </head>

    <body>
    <div id="container">
    <div id="header"><a href="index.html"><img src="logo.png" alt="sc Heerenveen"></a></div>
    <div id="menu">
    <div id="menuitems">
    <a href="#">home</a> | <a href="#">nieuws</a> | <a href="#">foto's</a> | <a href="#">contact</a>
    </div>
    </div>
    <div id="div1"></div>

    </div>

    </body>
    </html>

    .css:

    @charset "utf-8";
    /* CSS Document */

    body { height: 100%; margin: 0; padding: 0; background:#FFFFFF; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
    html{ height: 100%; }

    #container {width:900px; margin:0 auto;}

    #header {background: url(header.png); width: 900px; height: 160px; margin: 0;}

    #menu {background: url(menu.png); width: 900px; height: 20px; margin: 0;}
    #menuitems {text-align: center; padding-top: 5px;}
    #menuitems a {font-size: 10px; color: #FFFFFF; text-decoration: none;}
    #menuitems a:hover { color: #f72d2d;}
    #menu2 {background: url(menu2.png); width: 143px; height: 400px; margin: 0;}
    #div1 {background-color: #2b5cfd; width:400px; height:auto; margin: 0;}
     
  9. Le Lastpak

    Le Lastpak (◕‿◕✿)

    Berichten:
    6.574
    Leuk Bevonden:
    798
    Ook niet wanneer je er wat in zet?
     
  10. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Haha ik faal:F: dankjewel!!:thumbs:
     
  11. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Nog een vraagje, waarom reageert mijn tekst niet op alles wat ik instel in mijn css:mad: zoals hover en de color:mad:

    .html:

    <!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=iso-8859-1" />
    <title>Heerenveen Nieuws</title>
    <link href="style.css" rel="stylesheet" type="text/css" />


    </head>

    <body>
    <div id="container">
    <div id="header"><a href="index.html"><img src="logo.png" alt="sc Heerenveen"></a></div>
    <div id="menu">
    <div id="menuitems">
    <a href="#">home</a> | <a href="#">nieuws</a> | <a href="#">foto's</a> | <a href="#">contact</a>
    </div>
    </div>
    <div id="div1"><br />Link partners:<br /><br /><a href="http://www.feanfan.nl/">feanfan</a></div>

    </div>

    </body>
    </html>

    .css:

    @charset "utf-8";
    /* CSS Document */

    body { height: 100%; margin: 0; padding: 0; background:#FFFFFF; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
    html{ height: 100%; }

    #container {width:900px; margin:0 auto;}

    #header {background: url(header.png); width: 900px; height: 160px; margin: 0;}

    #menu {background: url(menu.png); width: 900px; height: 20px; margin: 0;}
    #menuitems {text-align: center; padding-top: 5px;}
    #menuitems a {font-size: 10px; color: #FFFFFF; text-decoration: none;}
    #menuitems a:hover { color: #f72d2d;}
    #menu2 {background: url(menu2.png); width: 143px; height: 400px; margin: 0;}
    #div1 {background-color: #2b5cfd; width:150px; height:auto; margin: 0;
    #div1 a {font-size: 10px; color: #FFFFFF; text-decoration: none;}
    #div1 a:hover { color: #f72d2d;}
     
  12. The Redman FTW

    The Redman FTW ^_^

    Berichten:
    596
    Leuk Bevonden:
    0
    Klein foutje van je:
     
  13. Oldsk00l

    Oldsk00l ouwe school

    Berichten:
    813
    Leuk Bevonden:
    4
    ik vind wel dat die lolshare erg traag is :eek:

    ik kan je van de week wel even helpen met watermerken.... niet zeker of ik tijd heb tho :eek:
     
    Laatst bewerkt: 27 okt 2011
  14. Le Lastpak

    Le Lastpak (◕‿◕✿)

    Berichten:
    6.574
    Leuk Bevonden:
    798
    Ik open de pagina meteen. :confused:

    Welke browser gebruik je?

    Of bedoel je wanneer de pagina klaar is met laden? Er zit idd wat tijd in voordat de pagina klaar is met vormen nadat de afbeelding erin is gekomen.
     
  15. Oldsk00l

    Oldsk00l ouwe school

    Berichten:
    813
    Leuk Bevonden:
    4
    plaatjes laden is tering langzaam

    ik zit op een glasvezel verbinding

    ik gebruik chrome/fifo/safari
     
  16. Le Lastpak

    Le Lastpak (◕‿◕✿)

    Berichten:
    6.574
    Leuk Bevonden:
    798
    Apart, bij mij draait ie zonder cache instant. Zie ik iets over het hoofd? Iemand anders die het ff kan checken?
     
  17. Jerreby

    Jerreby Active Member

    Berichten:
    2.043
    Leuk Bevonden:
    32
    Goede avond iedereen.

    Het script voor de contact pagina is inmiddels aardig gelukt. In opdracht heb ik deze site dus gemaakt: http://www.ontruimingshulp.nl. De inhoud is er nog niet, alleen de layout en scripts. De contact pagina werkt en de lightbox op de foto-pagina nu ook. Iemand nog tips of punten die verbeterd kunnen worden?

    Thanks.
     
  18. The Redman FTW

    The Redman FTW ^_^

    Berichten:
    596
    Leuk Bevonden:
    0
    Schrijf content en maak het qua SEO wat beter. ;)
     
  19. Le Lastpak

    Le Lastpak (◕‿◕✿)

    Berichten:
    6.574
    Leuk Bevonden:
    798
    :cool:

    Voor de rest een grappige originele site. :9

    Nogmaals gecheckt bij een maatje en daar draait ie prima.
     
  20. Jerreby

    Jerreby Active Member

    Berichten:
    2.043
    Leuk Bevonden:
    32
    Haha content komt er aan. Seo ben ik niet zo goed in, maar daar ga ik me maar eens in verdiepen. Thanks voor de feedback.
     

Deel Deze Pagina