Het Web ontwikkelaars Topic [deel 2]

Discussie in 'PC, Handheld & Algemeen' gestart door Distoration, 16 jan 2009.

Topicstatus:
Niet open voor verdere reacties.
  1. Distoration

    Distoration Da diii

    Berichten:
    3.115
    Leuk Bevonden:
    32
    bedankt Ferron, maar heb me nu aangemeld, en bij domains heb ik nu een domein getypt, maar moet ik dit adres al beheren? Want heb Distoration.com gekozen, en die bestaat nog niet.
     
  2. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    misschien heel dom maar ik kan mijn achtergrond al niet op zwart krijgen met css8)


    Html code:

    en de css:

    wat is de fout :confused:
     
  3. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    background-color:#000000; = zwart

    En je body hoef je niet als div toe te voegen in het html. Je body bestaat al.

    Heb je btw ook een document stylesheet.css aangemaakt gezien je het HTML document daarheen stuurt?
     
    Laatst bewerkt: 25 jan 2011
  4. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Adressen zoals .com zijn niet gratis te krijgen. Die zul je dus eerst moeten laten vastleggen.
     
  5. Distoration

    Distoration Da diii

    Berichten:
    3.115
    Leuk Bevonden:
    32
    Dat weet ik, maar wat moet ik dan als domein nemen, want Distoration.awardspace.com werkt niet, ns5/ns6.awardspace.com ook niet, en voorderest zou ik het niet weten:x
    Ik ben gewoon te slecht in hosten en die shit:+
    Edit*
    Lame, moest subdomein nemen:+
     
    Laatst bewerkt: 25 jan 2011
  6. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Ja maar hou houd background wit, welke kleur code ik ook doe. Ja ik heb binnen dreamweaver een css document, voor mn css codes.

    hoe zou het volgens jou moeten dan?
     
  7. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Je hebt je .css document opgeslagen indezelfde map als het html document?
     
  8. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Ja ik heb een map aangemaakt: Website richard. Hier heb ik de .css en .html in staat.
     
  9. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Gek genoeg, ik kopieerde je tekst en plakte deze in een nieuw document en ik heb gewoon een blauwe achtergrond.
     
  10. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    zou het aan dreamweaver liggen? want daar maak ik het in, vervolgens bekijk ik het in firefox, en is background gewoon wit
     
  11. Distoration

    Distoration Da diii

    Berichten:
    3.115
    Leuk Bevonden:
    32
    [​IMG]
    Wat moet hier invullen?
     
    Laatst bewerkt: 25 jan 2011
  12. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Uhm je moet hier je naam en wachtwoord instellen XD


    @ richard. Zie je in dreamweaver bij de "design" tabblad wel een kleur?
     
  13. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    ik krijg een dunne brede blauwe balk te zien
     
  14. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Aha ik weet waarom:

    Je hebt een div class body genoemd.
    Dit is niet nodig. De body bestaat namelijk al.
    Dat is: [BODY] [\BODY]
    In je css zeg je dat de body:

    Code:
    @charset "utf-8";
    
    body
    {
    position:relative;
    background-color:#0786fc;
    margin-left:auto;
    margin-right:auto;
    }
    
    /* CSS Document */
    Deze waardes moet krijgen.
    Echter de body kan deze waarde niet krijgen want het is een body. Een leeg vlak op de achtergrond.
    Dat stukje css heeft dus geen nut. Het enige wat nut heeft is: background-color:#0786fc;

    Haal dus <div class="body"> </div>
    uit je HTML of hernoem de class in iets anders.

    Beter gezegd:

    Code:
    <!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=utf-8" />
    <title>Home</title>
    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    
    
    </body>
    </html>
    Code:
    @charset "utf-8";
    /* CSS Document */
    
    body
    {
    background-color:#0786fc;
    }
    
     
    Laatst bewerkt: 25 jan 2011
  15. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    ik had nog 1 vraagje. Ik wil nu in mijn navigatiebalk het woord Home, en als je daar op klikt ga je naar home :+


    Nu heb ik deze code in mijn css:

    en dit mijn html:

    wat doe ik fout want nergens verschijnt home8)



    btw: achtergrond is gelukt:thumbs:O-)
     
  16. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    De CSS die jij gebruikt is niet goed. :+

    Geef me vijf minuten.
     
  17. Ferron

    Ferron Active Member

    Berichten:
    5.446
    Leuk Bevonden:
    38
    <a href="home.html>Home</a>

    moet

    <a href="home.html">Home</a>

    zijn
     
  18. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Maar zoals het nu opgebouwd is gaat het geheid mis. Je moet eigenlijk eerst een frame bouwen waar de buttons straks in zitten. Anders zul je zien dat alle knoppen straks verschuiven. Margins etc zijn niet in elke browser goed.

    CSS:
    Code:
    @charset "utf-8";
    /* CSS Document */
    body
    {
    background-color:#0786fc;
    }
    
    .button1
    {
    margin-top:120px;
    margin-left:485px;
    
    }
    
    a {
    	font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#FFF;
    text-decoration:none;
    }
    
    a:hover {
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#ff5800;
    text-decoration:none;
    }
    
    HTML:
    Code:
    <!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=utf-8" />
    <title>Home</title>
    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    
    <div class="button1">
    <a href="home.html">Home</a>
    </div>
    </body>
    </html>
    
    
    Ik denk dat je beter een boek kunt aanschaffen zodat je de basis onder de knie krijgt. Trial & error is een goede manier om het te leren, maar niet als je nog helemaal geen ervaring hebt met CSS of HTML. Zodra je dat onder de knie hebt weet je wat je intypt en wat dus alles doet in een HTML document. Kijk ook heel erg goed uit naar spelfouten want je ziet je wordt keihard afgestraft. :)
     
    Laatst bewerkt: 25 jan 2011
  19. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    nou ben ik er weer met een (noob) vraag:

    Bij firefox komt mijn site er tot nu toe goed uit:

    [​IMG]

    Maar bij internet explorer staat het er heel raar:

    [​IMG]

    dit zijn mijn code's:

    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=utf-8" />
    <title>Index</title>
    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
    </head>

    <body>



    <div class="body">

    </div>



    <div class="image">
    </div>

    <div class="welcome">
    <a>welcome..</a>
    </div>

    <div class="tekst1">
    <a>welkom op mijn portfolio website.<br>
    ik heb deze website gemaakt in opdracht<br>
    van school. ik doe de opleiding media<br>
    vormgeving op het friesland college in<br>
    heerenveen. ik wens u veel plezier op <br>
    mijn website en voor vragen kunt u contact<br>
    met mij opnemen.
    </a>
    </div>

    <div class="news">
    <a>news..</a>
    </div>

    <div class="datum">
    <a>24 januari; &nbsp;&nbsp;&nbsp;site in ontwikkeling</a>
    </div>

    <div class="button1">
    <a href="index.html">Home</a>
    </div>

    <div class="button2">
    <a href="portfolio.html">portfolio</a>
    </div>

    <div class="button3">
    <a href="games.html">games</a>
    </div>

    <div class="button4">
    <a href="music.html">music</a>
    </div>

    <div class="button5">
    <a href="contact.html">contact</a>
    </div>


    </body>
    </html>

    css:

    @charset "utf-8";

    body
    {
    position:relative;
    background-color:#000000;
    margin-left:auto;
    margin-right:auto;
    }

    .image
    {
    position: relative;
    width:1000px;
    height:900px;
    background-image: url(website.png);
    margin-left:auto;
    margin-right:auto;
    }

    A{
    color: white;
    text-decoration: none;
    }

    a:hover
    {
    color:#fff;
    }

    .welcome
    {
    position: absolute;
    top:290px;
    left:553px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:28px;
    color:#FFF
    text-decoration: none;
    }

    .tekst1
    {
    position: absolute;
    top:345px;
    left:553px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:14px;
    color:#FFF
    text-decoration: none;
    }


    .news
    {
    position: absolute;
    top:295px;
    left:1033px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:28px;
    color:#FFF
    text-decoration: none;
    }

    .datum
    {
    position: absolute;
    top:342px;
    left:1035px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:10px;
    color:#FFF
    text-decoration: none;
    }


    .button1
    {
    position: absolute;
    top:120px;
    left:485px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#FFF
    text-decoration: none;
    }



    .button2
    {
    position: absolute;
    top:120px;
    left:585px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#FFF
    text-decoration: none;
    }

    .button3
    {
    position: absolute;
    top:120px;
    left:715px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#FFF
    text-decoration: none;
    }

    .button4
    {
    position: absolute;
    top:120px;
    left:825px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#FFF
    text-decoration: none;
    }

    .button5
    {
    position: absolute;
    top:120px;
    left:935px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#FFF
    text-decoration: none;
    }


    /* CSS Document */
     
  20. Oldsk00l

    Oldsk00l ouwe school

    Berichten:
    813
    Leuk Bevonden:
    4
    fuck IE, gewoon niet supporten8)

    maar veel mensen maken een apparte stylesheet voor IE

    edit:

    waarom heb je: <a>hier een verhaaltje tussen staan? </a> omdat je de tekst wilt hooveren?
     
    Laatst bewerkt: 26 jan 2011
Topicstatus:
Niet open voor verdere reacties.

Deel Deze Pagina