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 2]

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

Topicstatus:
Niet open voor verdere reacties.
  1. Ferron

    Ferron Active Member

    Berichten:
    5.446
    Leuk Bevonden:
    38
    De goede database naam invullen, in jouw geval: 603543_joomla
     
  2. Modder-Eter

    Modder-Eter XBW.nl VIP XBW.nl VIP

    Berichten:
    21.603
    Leuk Bevonden:
    8.717
    Ik heb deze thuis liggen:
    [​IMG]

    Ook een lekker boekje, naar de (ietwat kinderachtige) Head First methode. Die methode blijft wel heerlijk luchtig, zodat het niet snel boring wordt zoals in veel boeken.
     
  3. Sloober

    Sloober Active Member

    Berichten:
    2.312
    Leuk Bevonden:
    16
    Zie een pagina terug :) http://forum.xboxworld.nl/showpost.php?p=4123129&postcount=848
     
  4. Modder-Eter

    Modder-Eter XBW.nl VIP XBW.nl VIP

    Berichten:
    21.603
    Leuk Bevonden:
    8.717
    Niet eens gezien. Great minds think alike. :cool:
     
  5. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Oke, oke. Omdat ik je zo mag. Je moet als je de buttons naar beneden wil hebben, de margin-top toevoegen of vergroten. Het aantal pixels maakt uit hoe ver je de buttons uitlijnt. Succes! En geef die leraar een schop onder zijn hol.
     
  6. Le Lastpak

    Le Lastpak (◕‿◕✿)

    Berichten:
    6.574
    Leuk Bevonden:
    798
    Ja, die zou ik ook een willen proberen. Heb veel goede dingen over de serie gehoord. Helaas moet ik steeds denken aan:

    [​IMG]

    Waardoor ik steeds weiger het te proberen. :+
     
  7. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Mn ma heeft al een klacht ingedient, maar die margin top werkt goed:thumbs: maar met margin-left/right werkt het niet goed, dan gaan ze ver uit elkaar staat of verdwijnen ze uit beeld.
     
  8. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    oké ik heb alles eruit geflikkert, en opnieuw begonnen, het gaat nu goed :) menu staat en lijnt goed mee met de grootte van browser/beeldscherm

    Nu de tekst :p
     
  9. Distoration

    Distoration Da diii

    Berichten:
    3.115
    Leuk Bevonden:
    32
    ik vul dit nu in bij: naam host en bij gebruikersnaam, maar hij doet nog steeds niks, ik heb vanalles geprobeerd, maar ik snap er niks van:confused:
    En dat over de bestanden schrijfbaar maken, dat kan ik nergens vinden in de FTP manager...
     
  10. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Ik ben nu aardig opweg, alleen heb ik 1 vraagje.

    Ik heb nu deze 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="image">
    </div>


    <div class="container">


    <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="about.html">About</a>
    </div>

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

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

    <div class="midden">
    Welkom op mijn portfolio website. deze<br>
    website heb ik gemaakt in opdracht van <br>
    school. Ik doe de opleiding media vormgeving<br>
    op het friesland college in Heerenveen.
    <br>
    <br>
    Veel plezier op mijn website, en voor vragen<br>
    en/of opmerkingen kunt u contact met mij opnemen.
    </div>

    <div class="midden2">
    Welcome..
    </div>

    <div class="midden3">
    27th januari: site in ontwikkeling
    </div>

    <div class="midden4">
    News..
    </div>

    <div class="midden5">
    ®Richard Bakker<br>
    All rights reserved
    </div>

    </div>
    </body>
    </html>
    en deze css:

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

    .container{
    width:1024px;
    height:768px;
    margin: 0 auto;
    text-align:left;
    }


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

    a{
    color:#FFF;
    text-decoration: none;
    }

    p {
    color:#FFF;
    margin:0;
    }

    a:hover
    {
    color:#fff;
    text-decoration:underline;
    }




    .button1
    {
    position: relative;
    margin-top:-780px;
    left:165px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#FFF;
    margin-left:auto;
    margin-right:auto;
    text-decoration: none;
    }

    .button2
    {
    position: relative;
    margin-top:-21px;
    left:263px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#FFF;
    margin-left:auto;
    margin-right:auto;
    text-decoration: none;
    }

    .button3
    {
    position: relative;
    margin-top:-21px;
    left:395px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#FFF;
    margin-left:auto;
    margin-right:auto;
    text-decoration: none;
    }

    .button4
    {
    position: relative;
    margin-top:-21px;
    left:505px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#FFF;
    margin-left:auto;
    margin-right:auto;
    text-decoration: none;
    }

    .button5
    {
    position: relative;
    margin-top:-21px;
    left:612px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#FFF;
    margin-left:auto;
    margin-right:auto;
    text-decoration: none;
    }

    .logo
    {
    position: relative;
    margin-top:-21px;
    left:612px;
    width:40px;
    height:40px;
    image: url: (hyves_logo.png)
    margin-left:auto;
    margin-right:auto;

    }

    .midden {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 77px;
    top: 190px;
    border: 0px solid gray;
    background-color: transparant;
    color: Dark-Grey;
    font-family: Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:300;
    font-size: 11pt;
    padding: 5px;
    text-align: left;
    width: 700px;
    }

    .midden2 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 73px;
    top: 5px;
    border: 0px solid gray;
    background-color: transparant;
    color: 343434;
    font-family: Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:bold;
    font-size: 22pt;
    padding: 5px;
    text-align: left;
    width: 700px;
    }

    .midden3 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 555px;
    top: 30px;
    border: 0px solid gray;
    background-color: transparant;
    color: 343434;
    font-family: Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:300;
    font-size: 8pt;
    padding: 5px;
    text-align: left;
    width: 700px;
    }

    .midden4 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 550px;
    top:-55px;
    border: 0px solid gray;
    background-color: transparant;
    color:343434;
    font-family: Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:bold;
    font-size: 22pt;
    padding: 5px;
    text-align: left;
    width: 700px;
    }

    .midden5 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 315px;
    top: 350px;
    border: 0px solid gray;
    background-color: transparant;
    color:white;
    font-family: Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:bold;
    font-size: 11pt;
    padding: 5px;
    text-align: left;
    width: 700px;
    }



    nu heb ik mooi alles op de juiste plek en alles wekt. Maar als ik nu tekst aanpas gebeurt er iets raars. De "titel" van de tekst schiet een eindje naar boven, en mijn copyright tekst schiet naar beneden, zo staan ze niet meer op de juiste plek.

    Dus elke keer als ik mijn tekst aanpas moet ik continue weer alles goed uitlijnen. Heeft iemand de fout in mijn code om dit irritante probleem op te lossen?
     
  11. Ferron

    Ferron Active Member

    Berichten:
    5.446
    Leuk Bevonden:
    38
    Geen tekst zomaar in een div zetten maar de <p> tags gebruiken.
    Maar dat is niet je vraag, post is een screenshot van je site.
     
    Laatst bewerkt: 27 jan 2011
  12. Le Lastpak

    Le Lastpak (◕‿◕✿)

    Berichten:
    6.574
    Leuk Bevonden:
    798
    Wie van jullie heeft er al gewerkt in HTML 5? En wat zijn jullie ervaringen?
     
  13. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    de printscreen:

    [​IMG]
    Kijk mijn probleem: het kopje news en welcome vliegen een stuk naar boven bij tekstveranderen. Maar ook de copyright tekst (die je hier net niet ziet) gaat naar boven. dus moet ik bij elke tekst wijziging weer alles uitlijnen :mad:

    ^^

    kijk dit gebeurt er dan:
    [​IMG]

    ik heb alleen het woordje test eronder getypt en de he;le boel schuift lekker mee8):mad:
     
  14. Jorrie

    Jorrie ¯\_(ツ)_/¯ Moderator

    Berichten:
    18.490
    Leuk Bevonden:
    5.100
    Tripleposter! Heb gewoon wat geduld, er wordt vast wel gereageerd en anders niet.
     
  15. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    ben er hele tijd mee bezig probeer van alles, niets lukt. Google, maar ik vind niks. Ik wil gewoon die irritante fout eruit.

    Maar sorry voor die triple
     
  16. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Je hebt iig veel tags in je css die niet nodig zijn. Probeer eens een text-align of vertical-align.
    Een wrapper om je text is helemaal geen slecht idee.
     
    Laatst bewerkt: 27 jan 2011
  17. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2

    hoe doe ik dit?:+ ik ben nog niet zo'n baas in dit als jou:eek:

    Edit:
    en text-align left heb ik al gebruikt, of bedoel je dit anders?
     
    Laatst bewerkt: 27 jan 2011
  18. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Ik kan je niet helpen, bij mij werkt de hele site niet. Ik krijg alleen een zwarte achtergrond. Waarschijnlijk door al die Positions XD
    Ah en spelfouten!
     
    Laatst bewerkt: 27 jan 2011
  19. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    maar jij hebt het plaatje ook niet toch?:+:F: ik zal wel weer vragen op school al betwijfel ik of ze het hier weten=(
     
  20. kwdtje

    kwdtje Active Member

    Berichten:
    2.773
    Leuk Bevonden:
    1
    Ik zou een heleboel positions eruit halen, en al die margin:auto's ook. Sowieso je css beginnen met * { margin:0;padding:0;outline:none} etc.

    Ik gebruik zelf het liefste floats in mijn blokken.
     
Topicstatus:
Niet open voor verdere reacties.

Deel Deze Pagina