FOK!forum / Digital Corner / HTML en CSS met Dalando en Dimens
#ANONIEMwoensdag 6 juli 2011 @ 01:29
Hier leert Dalando HTML en CSS aan Dimens.

Dit om nachtbagger te laten voor wat het is, zonder codes te posten die niemand iets aan gaan.
Ook om andere topics schoon te houden van mijn posts omdat ik nog een newbie ben op het gebied van HTML en CSS.

Bedankt voor uw aandacht.
Dalandowoensdag 6 juli 2011 @ 01:30
:D!
#ANONIEMwoensdag 6 juli 2011 @ 01:30
quote:
7s.gif Op woensdag 6 juli 2011 01:25 schreef Dalando het volgende:

[..]

<a href=""> is een link naar een pagina, net zoiets als je [ url] gebruikt op het forum. Het moet tussen de haakjes bij href komen. Dus als voorbeeld, als je naar index.html wil linken, doe je: <a href="index.html">Naar de index</a> of <a href="index.html"><img src="naardeindex.jpg" alt="Naar de index" />
Ik snap hem.
Kan ik dit ook gebruiken om naar bijvoorbeeld een ander apparaat oid. te gaan?
Dalandowoensdag 6 juli 2011 @ 01:30
quote:
2s.gif Op woensdag 6 juli 2011 01:30 schreef Dimens het volgende:

[..]

Ik snap hem.
Kan ik dit ook gebruiken om naar bijvoorbeeld een ander apparaat oid. te gaan?
Ander apparaat, hoe bedoel je?
#ANONIEMwoensdag 6 juli 2011 @ 01:31
quote:
7s.gif Op woensdag 6 juli 2011 01:30 schreef Dalando het volgende:

[..]

Ander apparaat, hoe bedoel je?
Stel ik heb een site maar als ik daar naartoe ga wil ik dat hij de CSS van bijvoorbeeld mijn computer afhaalt?
boem-dikkiewoensdag 6 juli 2011 @ 01:32
quote:
2s.gif Op woensdag 6 juli 2011 01:31 schreef Dimens het volgende:

[..]

Stel ik heb een site maar als ik daar naartoe ga wil ik dat hij de CSS van bijvoorbeeld mijn computer afhaalt?
:')
Dalandowoensdag 6 juli 2011 @ 01:32
quote:
2s.gif Op woensdag 6 juli 2011 01:31 schreef Dimens het volgende:

[..]

Stel ik heb een site maar als ik daar naartoe ga wil ik dat hij de CSS van bijvoorbeeld mijn computer afhaalt?
Dat kan niet.
#ANONIEMwoensdag 6 juli 2011 @ 01:34
quote:
9s.gif Op woensdag 6 juli 2011 01:32 schreef boem-dikkie het volgende:

[..]

:')
Waarom lachen, ik weet echt nog heel weinig op het gebied van HTML en CSS.

quote:
7s.gif Op woensdag 6 juli 2011 01:32 schreef Dalando het volgende:

[..]

Dat kan niet.
Dus alleen linken naar een website?
Dalandowoensdag 6 juli 2011 @ 01:34
quote:
15s.gif Op woensdag 6 juli 2011 01:34 schreef Dimens het volgende:

[..]

Waarom lachen, ik weet echt nog heel weinig op het gebied van HTML en CSS.

[..]

Dus alleen linken naar een website?
Website of pagina, ja.
#ANONIEMwoensdag 6 juli 2011 @ 01:35
quote:
7s.gif Op woensdag 6 juli 2011 01:34 schreef Dalando het volgende:

[..]

Website of pagina, ja.
Hmm erg jammer wel, ik had gehoopt dat dit wel mogelijk was.
#ANONIEMwoensdag 6 juli 2011 @ 01:36
quote:
2s.gif Op woensdag 6 juli 2011 01:31 schreef Dimens het volgende:

[..]

Stel ik heb een site maar als ik daar naartoe ga wil ik dat hij de CSS van bijvoorbeeld mijn computer afhaalt?
wat
Dalandowoensdag 6 juli 2011 @ 01:37
quote:
2s.gif Op woensdag 6 juli 2011 01:35 schreef Dimens het volgende:

[..]

Hmm erg jammer wel, ik had gehoopt dat dit wel mogelijk was.
Je moet gewoon het .css bestand op je servertje zetten, en om het netjes te houden in een andere map doen, bijvoorbeeld /css.
einschteinwoensdag 6 juli 2011 @ 01:37
quote:
2s.gif Op woensdag 6 juli 2011 01:35 schreef Dimens het volgende:

[..]

Hmm erg jammer wel, ik had gehoopt dat dit wel mogelijk was.
Kan wel, moet jij aleen even een webserver starten op je PC. Maar dat wordt weer te moeilijk.
CaptainObvious39woensdag 6 juli 2011 @ 01:38
quote:
2s.gif Op woensdag 6 juli 2011 01:31 schreef Dimens het volgende:

[..]

Stel ik heb een site maar als ik daar naartoe ga wil ik dat hij de CSS van bijvoorbeeld mijn computer afhaalt?
Kan, moet je wel je eigen server hosten :)
Dalandowoensdag 6 juli 2011 @ 01:38
quote:
1s.gif Op woensdag 6 juli 2011 01:37 schreef einschtein het volgende:

[..]

Kan wel, moet jij aleen even een webserver starten op je PC. Maar dat wordt weer te moeilijk.
Apache, firewall, port forwarden, inderdaad wel moeilijk.
#ANONIEMwoensdag 6 juli 2011 @ 01:39
Wat de bedoeling is:

In iOS een app bouwen die al CSS content bevat, zo hoef je dus alleen nog maar de html te laden.

Maar helaas gaat dit dus niet door?
#ANONIEMwoensdag 6 juli 2011 @ 01:40
quote:
0s.gif Op woensdag 6 juli 2011 01:38 schreef CaptainObvious39 het volgende:

[..]

Kan, moet je wel je eigen server hosten :)
Niet zo moeilijk doen. Gewoon Dropbox installeren en public links gebruiken.
Dalandowoensdag 6 juli 2011 @ 01:40
quote:
0s.gif Op woensdag 6 juli 2011 01:40 schreef zarGon het volgende:

[..]

Niet zo moeilijk doen. Gewoon Dropbox installeren en public links gebruiken.
Ja maar dat word dan toch ook op de DropBox server gezet?
Apekoekwoensdag 6 juli 2011 @ 01:40
Een blauwe trui.
#ANONIEMwoensdag 6 juli 2011 @ 01:40
quote:
2s.gif Op woensdag 6 juli 2011 01:39 schreef Dimens het volgende:
Wat de bedoeling is:

In iOS een app bouwen die al CSS content bevat, zo hoef je dus alleen nog maar de html te laden.

Maar helaas gaat dit dus niet door?
Oh lord.
Dalandowoensdag 6 juli 2011 @ 01:41
quote:
2s.gif Op woensdag 6 juli 2011 01:39 schreef Dimens het volgende:
Wat de bedoeling is:

In iOS een app bouwen die al CSS content bevat, zo hoef je dus alleen nog maar de html te laden.

Maar helaas gaat dit dus niet door?
Dat gaat lang duren.
#ANONIEMwoensdag 6 juli 2011 @ 01:41
quote:
7s.gif Op woensdag 6 juli 2011 01:40 schreef Dalando het volgende:

[..]

Ja maar dat word dan toch ook op de DropBox server gezet?
Ja, maar óók op je pc.
Dalandowoensdag 6 juli 2011 @ 01:41
quote:
0s.gif Op woensdag 6 juli 2011 01:41 schreef zarGon het volgende:

[..]

Ja, maar óók op je pc.
Hmm, dus dan kun je vanaf je PC direct linken? met IP:port enzo? :o
#ANONIEMwoensdag 6 juli 2011 @ 01:42
quote:
0s.gif Op woensdag 6 juli 2011 01:40 schreef zarGon het volgende:

[..]

Oh lord.
?
Dalandowoensdag 6 juli 2011 @ 01:42
quote:
0s.gif Op woensdag 6 juli 2011 01:42 schreef Dimens het volgende:

[..]

?
quote:
7s.gif Op woensdag 6 juli 2011 01:41 schreef Dalando het volgende:

[..]

Dat gaat lang duren.
#ANONIEMwoensdag 6 juli 2011 @ 01:43
quote:
7s.gif Op woensdag 6 juli 2011 01:41 schreef Dalando het volgende:

[..]

Hmm, dus dan kun je vanaf je PC direct linken? met IP:port enzo? :o
Elk bestand krijgt zijn eigen public link.

Overigens niet aan te raden als je iets professioneels wil bouwen, natuurlijk. Voor de kleinere dingen is het wel leuk.

[ Bericht 0% gewijzigd door #ANONIEM op 06-07-2011 01:44:04 ]
#ANONIEMwoensdag 6 juli 2011 @ 01:43
quote:
7s.gif Op woensdag 6 juli 2011 01:42 schreef Dalando het volgende:

[..]

[..]

Als ik het er uiteindelijk werkend mee krijg is het prima, tijd heb ik zat.
CaptainObvious39woensdag 6 juli 2011 @ 01:44
quote:
0s.gif Op woensdag 6 juli 2011 01:43 schreef Dimens het volgende:

[..]

Als ik het er uiteindelijk werkend mee krijg is het prima, tijd heb ik zat.
Waarom zou je zoiets willen doen?
#ANONIEMwoensdag 6 juli 2011 @ 01:44
quote:
0s.gif Op woensdag 6 juli 2011 01:43 schreef zarGon het volgende:

[..]

Elk bestand krijgt zijn eigen public link.

Overigens niet aan te raden als je iets professioneels wil bouwen. Voor de kleinere dingen is het wel leuk.
Maar wat als je het in een iOS app bouwt die dan alleen de HTML binnen haalt?
Dalandowoensdag 6 juli 2011 @ 01:44
quote:
0s.gif Op woensdag 6 juli 2011 01:43 schreef Dimens het volgende:

[..]

Als ik het er uiteindelijk werkend mee krijg is het prima, tijd heb ik zat.
Oké. Ga maar door met bouwen, als je vragen heb stel je ze hier maar.
#ANONIEMwoensdag 6 juli 2011 @ 01:44
quote:
0s.gif Op woensdag 6 juli 2011 01:44 schreef CaptainObvious39 het volgende:

[..]

Waarom zou je zoiets willen doen?
Vind ik leuk.
#ANONIEMwoensdag 6 juli 2011 @ 01:45
quote:
0s.gif Op woensdag 6 juli 2011 01:43 schreef Dimens het volgende:

[..]

Als ik het er uiteindelijk werkend mee krijg is het prima, tijd heb ik zat.
Wat wil je dan precies doen? Als je HTML-content kan laden, kun je op dezelfde manier CSS-content laden?
#ANONIEMwoensdag 6 juli 2011 @ 01:46
quote:
0s.gif Op woensdag 6 juli 2011 01:45 schreef zarGon het volgende:

[..]

Wat wil je dan precies doen? Als je HTML-content kan laden, kun je op dezelfde manier CSS-content laden?
Dan hoef je alleen de HTML binnen te halen, dat was het idee.
#ANONIEMwoensdag 6 juli 2011 @ 01:47
Maar oké, voor nu eerst maar zorgen dat ik een standaard website kan maken. :')
#ANONIEMwoensdag 6 juli 2011 @ 01:49
quote:
2s.gif Op woensdag 6 juli 2011 01:46 schreef Dimens het volgende:

[..]

Dan hoef je alleen de HTML binnen te halen, dat was het idee.
En jij denkt dat een .css-bestand enkele honderden kilobytes groot is? Waarom denk je dat het iets zou uitmaken? Pleur desnoods je CSS in je HTML-bestand (minder prettige manier van werken, maar doet hetzelfde).
#ANONIEMwoensdag 6 juli 2011 @ 01:51
quote:
0s.gif Op woensdag 6 juli 2011 01:47 schreef Dimens het volgende:
Maar oké, voor nu eerst maar zorgen dat ik een standaard website kan maken. :')
Je kunt ook iets gebruiken als iWebKit.
#ANONIEMwoensdag 6 juli 2011 @ 01:51
quote:
0s.gif Op woensdag 6 juli 2011 01:49 schreef zarGon het volgende:

[..]

En jij denkt dat een .css-bestand enkele honderden kilobytes groot is? Waarom denk je dat het iets zou uitmaken? Pleur desnoods je CSS in je HTML-bestand (minder prettige manier van werken, maar doet hetzelfde).
Ik ben nog een leek op dit gebied, ik dacht dat het wel handig zou zijn aangezien die toch op elke pagina hetzelfde kan zijn en het dus scheelt met snelheid. :')
Dalandowoensdag 6 juli 2011 @ 01:52
quote:
0s.gif Op woensdag 6 juli 2011 01:51 schreef zarGon het volgende:

[..]

Je kunt ook iets gebruiken als iWebKit.
Hij zegt dat hij eerst een normale website wil leren bouwen, dus dan kun je dat hem laten doen. iWebKit is inderdaad wel handig als je uiteindelijk je app wilt maken.
#ANONIEMwoensdag 6 juli 2011 @ 01:53
quote:
0s.gif Op woensdag 6 juli 2011 01:51 schreef Dimens het volgende:

[..]

Ik ben nog een leek op dit gebied, ik dacht dat het wel handig zou zijn aangezien die toch op elke pagina hetzelfde kan zijn en het dus scheelt met snelheid. :')
Ja, dat klopt. Een aparte CSS-bestand is handig, en de juiste manier. Maar ik begrijp niet waar jij je zorgen om maakt.
#ANONIEMwoensdag 6 juli 2011 @ 01:54
quote:
0s.gif Op woensdag 6 juli 2011 01:53 schreef zarGon het volgende:

[..]

Ja, dat klopt. Een aparte CSS-bestand is handig, en de juiste manier. Maar ik begrijp niet waar jij je zorgen om maakt.
De snelheid van mobiel internet. Alles wat bespaard kan worden is goed.
#ANONIEMwoensdag 6 juli 2011 @ 01:54
Maar oké, genoeg verder over dat.

Graag dingen over HTML en CSS graag.
Dalandowoensdag 6 juli 2011 @ 01:55
quote:
7s.gif Op woensdag 6 juli 2011 01:54 schreef Dimens het volgende:
Maar oké, genoeg verder over dat.

Graag dingen over HTML en CSS graag.
Vragen stellen wanneer je vragen hebt.
#ANONIEMwoensdag 6 juli 2011 @ 01:56
quote:
7s.gif Op woensdag 6 juli 2011 01:54 schreef Dimens het volgende:

[..]

De snelheid van mobiel internet. Alles wat bespaard kan worden is goed.
Dat zijn zorgen voor later. Eerst iets kunnen maken. Je kan namelijk niet besparen op iets dat er niet is, hm.
#ANONIEMwoensdag 6 juli 2011 @ 01:57
quote:
0s.gif Op woensdag 6 juli 2011 01:56 schreef zarGon het volgende:

[..]

Dat zijn zorgen voor later. Eerst iets kunnen maken. Je kan namelijk niet besparen op iets dat er niet is, hm.
Ja je hebt gelijk, ik vroeg het mij alleen af of dit ook mogelijk was.
#ANONIEMwoensdag 6 juli 2011 @ 01:58
quote:
7s.gif Op woensdag 6 juli 2011 01:54 schreef Dimens het volgende:
Maar oké, genoeg verder over dat.

Graag dingen over HTML en CSS graag.
Jij geeft dit topic min of meer een richting. Wat snap je niet? Waar loop je tegenaan? Wat heb je al gemaakt? Wat kun je al? Hmhmm.

[ Bericht 1% gewijzigd door #ANONIEM op 06-07-2011 01:58:38 ]
Dalandowoensdag 6 juli 2011 @ 02:00
quote:
0s.gif Op woensdag 6 juli 2011 01:58 schreef zarGon het volgende:

[..]

Jij geeft dit topic min of meer een richting. Wat snap je niet? Waar loop je tegenaan? Wat heb je al gemaakt? Wat kun je al? Hmhmm.
Hij kan de basis (doctype, html, head, title, meta->charset, link->css, body, divs, p en span)

Oh en margin en padding
#ANONIEMwoensdag 6 juli 2011 @ 02:03
In CSS is dus iets met een # die div ID?
#ANONIEMwoensdag 6 juli 2011 @ 02:06
quote:
2s.gif Op woensdag 6 juli 2011 02:03 schreef Dimens het volgende:
In CSS is dus iets met een # die div ID?
# = ID;
. = Class.
Dalandowoensdag 6 juli 2011 @ 02:06
quote:
0s.gif Op woensdag 6 juli 2011 02:06 schreef zarGon het volgende:

[..]

# = ID;
. = Class.
Dat. En ID mag je maar 1 keer uitgeven, class meerdere keren.
#ANONIEMwoensdag 6 juli 2011 @ 02:06
quote:
0s.gif Op woensdag 6 juli 2011 02:06 schreef zarGon het volgende:

[..]

# = ID;
. = Class.
Wat is het verschil eigenlijk tussen die twee en wat is het voordeel?
Dalandowoensdag 6 juli 2011 @ 02:08
quote:
2s.gif Op woensdag 6 juli 2011 02:06 schreef Dimens het volgende:

[..]

Wat is het verschil eigenlijk tussen die twee en wat is het voordeel?
Er is geen verschil op het gebied van css. Het is wat je liever gebruikt en of je het ook meerdere keren nodig hebt. bijvoorbeeld de div die om alles heen zit, de wrapper heb ik hem in je code genoemd, die heb je maar een keer nodig, dus gebruik ik liever #id daarvoor.
#ANONIEMwoensdag 6 juli 2011 @ 02:34
Het wil niet lukken. :')

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!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 rel="stylesheet"type="text/css" href="css/index.css" />
</head>

<body>
    <div id="wrapper">
        <div id="top">
            <div class="top">
                <img src="Images/Foto.gif" style="width:110px; height:110px;" alt="Foto" />
            </div>
        </div>
    </div>
</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
@charset "utf-8";
/* CSS Document */

body {
    background: #FF9932;
}

#wrapper {
    margin: 0 auto;
    width: 1000px;
}

#wrapper:after {
    content: ".";
    display: block;
    clear: both; 
    height: 0;
    overflow: hidden;
}

#top {
    width: 1000px;
    
}

    #top .left {
        margin-top: 300px;
    }
    
    #top .right {
        margin-top: 15px;
    }
    
.left {
    margin-top: 300px;
}

Mijn plaatje staat nog steeds gewoon saai in de linker bovenhoek.

[ Bericht 0% gewijzigd door #ANONIEM op 06-07-2011 02:36:50 ]
Dalandowoensdag 6 juli 2011 @ 02:36
quote:
0s.gif Op woensdag 6 juli 2011 02:34 schreef Dimens het volgende:
Het wil niet lukken. :')
[ code verwijderd ]

[ code verwijderd ]

Mijn plaatje staat nog steeds gewoon saai in de linker bovenhoek.
Dat is omdat je niet alle div's erin gelaten hebt.
#ANONIEMwoensdag 6 juli 2011 @ 02:37
quote:
7s.gif Op woensdag 6 juli 2011 02:36 schreef Dalando het volgende:

[..]

Dat is omdat je niet alle div's erin gelaten hebt.
Hoe bedoel je?
Dalandowoensdag 6 juli 2011 @ 02:37
quote:
7s.gif Op woensdag 6 juli 2011 02:36 schreef Dalando het volgende:

[..]

Dat is omdat je niet alle div's erin gelaten hebt.
En omdat je telkens die margin erin doet waarom doe je dat?
#ANONIEMwoensdag 6 juli 2011 @ 02:38
quote:
7s.gif Op woensdag 6 juli 2011 02:37 schreef Dalando het volgende:

[..]

En omdat je telkens die margin erin doet waarom doe je dat?
Zodat hij aan de bovenkant wat ruimte overlaat.
Ik weet 300 overkill maar om te testen of hij ook daadwerkelijk naar beneden wilt gaan.
Dalandowoensdag 6 juli 2011 @ 02:39
quote:
0s.gif Op woensdag 6 juli 2011 02:38 schreef Dimens het volgende:

[..]

Zodat hij aan de bovenkant wat ruimte overlaat.
Ik weet 300 overkill maar om te testen of hij ook daadwerkelijk naar beneden wilt gaan.
dan gebruik je padding! niet margin!
Dalandowoensdag 6 juli 2011 @ 02:39
quote:
0s.gif Op woensdag 6 juli 2011 02:38 schreef Dimens het volgende:

[..]

Zodat hij aan de bovenkant wat ruimte overlaat.
Ik weet 300 overkill maar om te testen of hij ook daadwerkelijk naar beneden wilt gaan.
Dimens, de code die je nu hebt is helemaal fout.
#ANONIEMwoensdag 6 juli 2011 @ 02:39
quote:
7s.gif Op woensdag 6 juli 2011 02:39 schreef Dalando het volgende:

[..]

Dimens, de code die je nu hebt is helemaal fout.
Ik vind die div id helemaal niets.
Het wil gewoon niet lukken. ;(
Dalandowoensdag 6 juli 2011 @ 02:41
quote:
0s.gif Op woensdag 6 juli 2011 02:39 schreef Dimens het volgende:

[..]

Ik vind die div id helemaal niets.
Het wil gewoon niet lukken. ;(
Je wilt dus alleen wat ruimte aan de kanten overhouden?
#ANONIEMwoensdag 6 juli 2011 @ 02:43
quote:
7s.gif Op woensdag 6 juli 2011 02:41 schreef Dalando het volgende:

[..]

Je wilt dus alleen wat ruimte aan de kanten overhouden?
Ja, met mijn andere CSS was dit heel makkelijk.

.icon {
margin-left: 15px;
margin-top: 10px;
}

En die icon had ruimte boven en links.
Dalandowoensdag 6 juli 2011 @ 02:44
quote:
0s.gif Op woensdag 6 juli 2011 02:43 schreef Dimens het volgende:

[..]

Ja, met mijn andere CSS was dit heel makkelijk.

.icon {
margin-left: 15px;
margin-top: 10px;
}

En die icon had ruimte boven en links.
Ja maar die code faalde.

Je nieuwe code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!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 rel="stylesheet"type="text/css" href="css/index.css"
</head>

<body>
    <div id="wrapper">
        <div id="left">
            <div class="top">
                <img src="plaatje.jpg" style="width:110px; height:110px;" alt="Foto" />
            </div>
        </div>
    </div>
</body>
</html>

------------------------------------------------------------------------------------

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

body {
    background: #FF9932;
}

#wrapper {
    margin: 0 auto;
    width: 1000px;
}

#wrapper:after {
    content: ".";
    display: block;
    clear: both; 
    height: 0;
    overflow: hidden;
}

#top {
    width: 1000px;
    
}

    #top .left {
        margin-top: 300px;
    }
    
    #top .right {
        margin-top: 15px;
    }
    
.left {
    margin-top: 300px;
}

Nu asjeblieft geen div id's en namen meer veranderen, anders werkt het weer niet.
Dalandowoensdag 6 juli 2011 @ 02:46
Ho!

HTML code klopt niet helemaal, dit wel:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!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>Test</title>
        <link rel="stylesheet"type="text/css" href="css/index.css">
        <link href="ico/index.ico" rel="shortcut icon">
    </head>

    <body>
        <!-- Dit is een comment, deze zie je niet terug op de website, maar wel in de code. -->
        <!-- Voor grote dingen die je maar 1 keer gaat gebruiken kun je beter een #id gebruiken. -->
        <div id="wrapper">
            <div id="left">
                <div class="top">
                    <img src="plaatje.jpg" alt="boe" />
                </div>
                
                <div class="text">
                    <a href="#">Dimens</a><br/>
                    <a href="#">Hier kan je menu komen</a><br/>
                </div>
            </div>
            
            <div id="right">
                <div class="top">
                    Hier kan je bovenste plaatje komen!
                </div>
                
                <div class="text">
                    Hier kan de inhoud van je pagina komen.
                </div>
            </div>
        </div>
    </body>
</html>
#ANONIEMwoensdag 6 juli 2011 @ 02:47
Maar wat als ik div id boven en onder wil hebben?
#ANONIEMwoensdag 6 juli 2011 @ 02:49
Dat ik zeg maar het plaatje en de header in een div id heb zitten?
Dalandowoensdag 6 juli 2011 @ 02:49
quote:
2s.gif Op woensdag 6 juli 2011 02:47 schreef Dimens het volgende:
Maar wat als ik div id boven en onder wil hebben?
Div id onder en boven kan dus niet. Of ik moet de hele css code aanpassen, maar dat ga ik niet doen.
Dalandowoensdag 6 juli 2011 @ 02:50
quote:
2s.gif Op woensdag 6 juli 2011 02:49 schreef Dimens het volgende:
Dat ik zeg maar het plaatje en de header in een div id heb zitten?
in een #id dat kan dus niet, of ik moet het weer gaan omgooien.
#ANONIEMwoensdag 6 juli 2011 @ 02:50
quote:
7s.gif Op woensdag 6 juli 2011 02:50 schreef Dalando het volgende:

[..]

in een #id dat kan dus niet, of ik moet het weer gaan omgooien.
Dus #id kan alleen boven en onder elkaar?
Dalandowoensdag 6 juli 2011 @ 02:52
quote:
2s.gif Op woensdag 6 juli 2011 02:50 schreef Dimens het volgende:

[..]

Dus #id kan alleen boven en onder elkaar?
WACHT. Ik ben de kwijt kluts. leg het even opnieuw uit, paint enzo erbij zou fijn zijn.
#ANONIEMwoensdag 6 juli 2011 @ 03:02
RqOy3.png

Zoiets dacht ik ervan te maken, dat die divs naast elkaar kwamen daar onderin al dan niet met behulp van een andere div.
#ANONIEMwoensdag 6 juli 2011 @ 03:20
Perfect, precies zoals ik het wil hebben. _O_

uAR5x.png
dirkjowoensdag 6 juli 2011 @ 03:22
ow er is een pagina 2 :')

[ Bericht 87% gewijzigd door dirkjo op 06-07-2011 03:23:02 (kak) ]
dirkjowoensdag 6 juli 2011 @ 03:25
Mag ik trouwens vragen wat je aan het maken bent Dimens? Puur uit nieuwsgierigheid :9
#ANONIEMwoensdag 6 juli 2011 @ 03:26
quote:
0s.gif Op woensdag 6 juli 2011 03:25 schreef dirkjo het volgende:
Mag ik trouwens vragen wat je aan het maken bent Dimens? Puur uit nieuwsgierigheid :9
Gewoon een test website, niet iets bijzonders of iets. Gewoon om het te leren. :9
dirkjowoensdag 6 juli 2011 @ 03:29
quote:
0s.gif Op woensdag 6 juli 2011 03:26 schreef Dimens het volgende:

[..]

Gewoon een test website, niet iets bijzonders of iets. Gewoon om het te leren. :9
Haha ok :) Ga meteen eens kijken naar PHP als je html onder de knie hebt. En mocht je een vriend hebben die de talen al beheerst moet je vooral samen iets gaan doen.

Ik heb de volledig basis van m'n kennis opgelegd via een vriend van me, eenmaal de basis onder de knie en je kan zowat alles :)
#ANONIEMwoensdag 6 juli 2011 @ 03:35
quote:
0s.gif Op woensdag 6 juli 2011 03:29 schreef dirkjo het volgende:

[..]

Haha ok :) Ga meteen eens kijken naar PHP als je html onder de knie hebt. En mocht je een vriend hebben die de talen al beheerst moet je vooral samen iets gaan doen.

Ik heb de volledig basis van m'n kennis opgelegd via een vriend van me, eenmaal de basis onder de knie en je kan zowat alles :)
Ik ken niet echt mensen in mijn buurt die goed met codes zijn, jammer is dat wel.
Ik deed wel een opleiding met websites bouwen, alleen nooit iets geleerd net als de rest van de studenten. Weggegooid geld dat het was, nu wil ik gewoon graag wat gaan leren in HTML en CSS.

Als ik dat onder de knie heb komt misschien PHP nog wel, maar dat is nog best moeilijk volgens sommigen.

Tevens ook wel lastig om codes te onthouden i.c.m. dyslexie.
#ANONIEMwoensdag 6 juli 2011 @ 03:39
Ik vind het eventjes genoeg geweest voor vandaag, ik ga mijn bedje in.

Dalando, ik weet nog steeds niet hoe ik jou kan bedanken voor alles. _O_
Morgen zal ik het proberen op de manier die jij beschreven hebt, eens kijken hoe dat eruit gaat zien.

Welterusten.

[ Bericht 3% gewijzigd door #ANONIEM op 06-07-2011 03:39:33 ]
dirkjowoensdag 6 juli 2011 @ 03:47
quote:
0s.gif Op woensdag 6 juli 2011 03:35 schreef Dimens het volgende:

[..]

Ik ken niet echt mensen in mijn buurt die goed met codes zijn, jammer is dat wel.
Ik deed wel een opleiding met websites bouwen, alleen nooit iets geleerd net als de rest van de studenten. Weggegooid geld dat het was, nu wil ik gewoon graag wat gaan leren in HTML en CSS.

Als ik dat onder de knie heb komt misschien PHP nog wel, maar dat is nog best moeilijk volgens sommigen.

Tevens ook wel lastig om codes te onthouden i.c.m. dyslexie.
PHP is vooral een 'logische' taal. Niet zoals HTML waarbij je alles klakkeloos neerzat kan je bij PHP leuke 'systemen' maken die allemaal dingen voor jou uitvoeren. Daarbij komt vooral logisch nadenken naar voren, maar zoals eerst al gezegd moet je vooral eerst een lekkere fundering bouwen :)
henrivowoensdag 6 juli 2011 @ 03:51
quote:
2s.gif Op woensdag 6 juli 2011 01:39 schreef Dimens het volgende:
Wat de bedoeling is:

In iOS een app bouwen die al CSS content bevat, zo hoef je dus alleen nog maar de html te laden.

Maar helaas gaat dit dus niet door?
Dat noemen ze een browser, heb ik sinds kort begrepen.
#ANONIEMwoensdag 6 juli 2011 @ 04:08
quote:
1s.gif Op woensdag 6 juli 2011 03:51 schreef henrivo het volgende:

[..]

Dat noemen ze een browser, heb ik sinds kort begrepen.
Dan hoef ik dat dus niet meer te maken.
henrivowoensdag 6 juli 2011 @ 04:11
quote:
7s.gif Op woensdag 6 juli 2011 04:08 schreef Dimens het volgende:

[..]

Dan hoef ik dat dus niet meer te maken.
Niet al te serieus nemen ;) (oke dat deed je toch al vast niet :P)
#ANONIEMwoensdag 6 juli 2011 @ 04:13
quote:
1s.gif Op woensdag 6 juli 2011 04:11 schreef henrivo het volgende:

[..]

Niet al te serieus nemen ;) (oke dat deed je toch al vast niet :P)
In Xcode kun je App maken die ook web content binnen halen in je app, dat is de bedoeling namelijk.
henrivowoensdag 6 juli 2011 @ 04:19
quote:
2s.gif Op woensdag 6 juli 2011 04:13 schreef Dimens het volgende:

[..]

In Xcode kun je App maken die ook web content binnen halen in je app, dat is de bedoeling namelijk.
Ja dat moet ik zelf ook allemaal nog door krijgen, heb zelf pas mn eerste iMac gekocht maar Xcode heb ik van gehoord ja :)

Succes in elk geval!
#ANONIEMwoensdag 6 juli 2011 @ 04:35
quote:
1s.gif Op woensdag 6 juli 2011 04:19 schreef henrivo het volgende:

[..]

Ja dat moet ik zelf ook allemaal nog door krijgen, heb zelf pas mn eerste iMac gekocht maar Xcode heb ik van gehoord ja :)

Succes in elk geval!
Xcode is leuk, een goede SDK en de code leer je al snel. :)
henrivowoensdag 6 juli 2011 @ 04:37
quote:
1s.gif Op woensdag 6 juli 2011 04:35 schreef Dimens het volgende:

[..]

Xcode is leuk, een goede SDK en de code leer je al snel. :)
Zie mijn andere topic waar het probleem ligt :P
Dalandodonderdag 7 juli 2011 @ 03:06
quote:
0s.gif Op woensdag 6 juli 2011 03:35 schreef Dimens het volgende:

[..]

Ik ken niet echt mensen in mijn buurt die goed met codes zijn, jammer is dat wel.
Ik deed wel een opleiding met websites bouwen, alleen nooit iets geleerd net als de rest van de studenten. Weggegooid geld dat het was, nu wil ik gewoon graag wat gaan leren in HTML en CSS.

Als ik dat onder de knie heb komt misschien PHP nog wel, maar dat is nog best moeilijk volgens sommigen.

Tevens ook wel lastig om codes te onthouden i.c.m. dyslexie.
Zo hoi ben ik weer. PHP is niet moeilijk. Nouja, zoals php6 eruit ziet word het wat lastiger, maar in feite is het gewoon dit:

1
2
3
4
5
6
7
<?php

$input 
"Appelmoes";
$output functienaam($input);
echo 
$output;

?>

Maar daar ben je voorlopig nog even niet aan toe. Eerst maar even een volledige valid website hebben, daarna wat javascript en dan gaan we denk ik pas PHP doen.

En codes onthouden? Nja, gewoon opschrijven op een blaadje enzo, leer je het vanzelf wel uit je kop ;)
dirkjodonderdag 7 juli 2011 @ 16:23
quote:
7s.gif Op donderdag 7 juli 2011 03:06 schreef Dalando het volgende:

[..]

Zo hoi ben ik weer. PHP is niet moeilijk. Nouja, zoals php6 eruit ziet word het wat lastiger, maar in feite is het gewoon dit:
[ code verwijderd ]

Maar daar ben je voorlopig nog even niet aan toe. Eerst maar even een volledige valid website hebben, daarna wat javascript en dan gaan we denk ik pas PHP doen.

En codes onthouden? Nja, gewoon opschrijven op een blaadje enzo, leer je het vanzelf wel uit je kop ;)
Om maar meteen met de deur in huis te vallen; dat stukje werkt dus niet :P

EDIT// Ow wacht, php6 heb ik geen ervaring mee
darpiosdonderdag 7 juli 2011 @ 16:25
quote:
2s.gif Op woensdag 6 juli 2011 01:31 schreef Dimens het volgende:

[..]

Stel ik heb een site maar als ik daar naartoe ga wil ik dat hij de CSS van bijvoorbeeld mijn computer afhaalt?
wtf :') tvp :D
KomtTijd...donderdag 7 juli 2011 @ 20:04
quote:
0s.gif Op woensdag 6 juli 2011 01:51 schreef Dimens het volgende:

[..]

Ik ben nog een leek op dit gebied, ik dacht dat het wel handig zou zijn aangezien die toch op elke pagina hetzelfde kan zijn en het dus scheelt met snelheid. :')
Zeg, lieve schat, waar dacht je dat die browsercache voor is? :*
#ANONIEMzaterdag 9 juli 2011 @ 02:48
Ik vind dit leuk. 14.gif
#ANONIEMmaandag 18 juli 2011 @ 13:30
Hoe krijg ik zo'n pictogram naast de title in je tabblad?
Daar waar bij FOK! dat Fok logo staat, die kleine.
#ANONIEMmaandag 18 juli 2011 @ 13:32
quote:
14s.gif Op maandag 18 juli 2011 13:30 schreef Dimens het volgende:
Hoe krijg ik zo'n pictogram naast de title in je tabblad?
Daar waar bij FOK! dat Fok logo staat, die kleine.
Favicon.
#ANONIEMmaandag 18 juli 2011 @ 13:36
quote:
1s.gif Op maandag 18 juli 2011 13:32 schreef zarGon het volgende:

[..]

Favicon.
Ja hoe werkt dat en welke resolutie mag/moet hij zijn?
#ANONIEMmaandag 18 juli 2011 @ 13:38
quote:
14s.gif Op maandag 18 juli 2011 13:36 schreef Dimens het volgende:

[..]

Ja hoe werkt dat en welke resolutie mag/moet hij zijn?
Engels: http://en.wikipedia.org/wiki/Favicon.
Nederlands: http://nl.wikipedia.org/wiki/Favicon.

[ Bericht 4% gewijzigd door #ANONIEM op 18-07-2011 13:41:42 ]
Tauchmeistermaandag 18 juli 2011 @ 13:39
Favicon.ico in je main directory zetten en het volgende tussen <head> en </head>:

1<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

Grootte is normaalgesproken 16x16px.
#ANONIEMmaandag 18 juli 2011 @ 13:48
Hij wilt het maar niet doen, dit is de code:

1
2
3
4
5
6
7
8
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dimens</title>
<link rel="stylesheet"type="text/css" href="Index.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<style type="text/css">
</style>
</head>


[ Bericht 1% gewijzigd door #ANONIEM op 18-07-2011 13:50:33 ]
#ANONIEMmaandag 18 juli 2011 @ 13:53
quote:
14s.gif Op maandag 18 juli 2011 13:48 schreef Dimens het volgende:
Hij wilt het maar niet doen, dit is de code:
[ code verwijderd ]

Het werkwoord 'willen' is een onregelmatig werkwoord. "Hij wil".

Zeker weten dat je favicon.ico in orde is en staat waar-ie staan moet? Heb je tevens een hard refresh gedaan?

[ Bericht 3% gewijzigd door #ANONIEM op 18-07-2011 13:56:04 ]
#ANONIEMmaandag 18 juli 2011 @ 13:56
quote:
1s.gif Op maandag 18 juli 2011 13:53 schreef zarGon het volgende:

[..]

Het werkwoord 'willen' is een onregelmatig werkwoord. "Hij wil".

Zeker weten dat je favicon.ico in orde is en staat waar-ie staan moet?
Ja sorry, daar denk ik op dit moment niet helemaal aan. :')

Hij heet favicon.ico en staat in de map waar ook de html en css staan, dan moet dit toch genoeg zijn?
#ANONIEMmaandag 18 juli 2011 @ 13:57
quote:
2s.gif Op maandag 18 juli 2011 13:56 schreef Dimens het volgende:

[..]

Ja sorry, daar denk ik op dit moment niet helemaal aan. :')

Hij heet favicon.ico en staat in de map waar ook de html en css staan, dan moet dit toch genoeg zijn?
Hard refresh gedaan? Ctrl + F5.
#ANONIEMmaandag 18 juli 2011 @ 14:02
quote:
1s.gif Op maandag 18 juli 2011 13:57 schreef zarGon het volgende:

[..]

Hard refresh gedaan? Ctrl + F5.
Kan het dat hij de favicon niet laat zien in test modus?
dat ik hem dan eerst naar de server moet uploaden of iets?
#ANONIEMmaandag 18 juli 2011 @ 14:05
quote:
2s.gif Op maandag 18 juli 2011 14:02 schreef Dimens het volgende:

[..]

Kan het dat hij de favicon niet laat zien in test modus?
dat ik hem dan eerst naar de server moet uploaden of iets?
Hm, dat kan. Probeer het eens zo.

Ik dacht overigens dat je de hele tijd al zo bezig was (uploaden op een webserver en dan opvragen).

[ Bericht 8% gewijzigd door #ANONIEM op 18-07-2011 14:06:39 ]
#ANONIEMmaandag 18 juli 2011 @ 14:15
quote:
1s.gif Op maandag 18 juli 2011 14:05 schreef zarGon het volgende:

[..]

Hm, dat kan. Probeer het eens zo.

Ik dacht overigens dat je de hele tijd al zo bezig was (uploaden op een webserver en dan opvragen).
Dat kan het denk niet zijn, wanneer ik een pagina opsla vanaf een website doet hij het ook gewoon.
boem-dikkiemaandag 18 juli 2011 @ 14:18
Zet je favicon eens in de root van je website en link hem met ../favicon.ico
#ANONIEMmaandag 18 juli 2011 @ 14:43
Favicon komt dan wel wanneer ik een server heb, dat lijkt wel gewoon niet te werken.

Dan nog iets, als ik die streep onder een link niet wil hebben, hoe dat te doen?
Het liefst in de CSS zodat ik een link een class kan geven.
#ANONIEMmaandag 18 juli 2011 @ 14:46
Gelukt met text-decoration: none;
boem-dikkiemaandag 18 juli 2011 @ 14:48
quote:
14s.gif Op maandag 18 juli 2011 14:46 schreef Dimens het volgende:
Gelukt met text-decoration: none;
Dat is inderdaad de manier.
boem-dikkiemaandag 18 juli 2011 @ 14:49
Denk er wel om dat je bij het hoveren over een link wel een actie laat zien. Het is qua usability erg onvriendelijk om dit niet te doen.
#ANONIEMmaandag 18 juli 2011 @ 14:49
quote:
0s.gif Op maandag 18 juli 2011 14:43 schreef Dimens het volgende:
Favicon komt dan wel wanneer ik een server heb, dat lijkt wel gewoon niet te werken.

Dan nog iets, als ik die streep onder een link niet wil hebben, hoe dat te doen?
Het liefst in de CSS zodat ik een link een class kan geven.
'text-decoration:none' toewijzen aan a:link, a:active, a:hover en a:visited. Je kunt a:hover ook 'text-decoration:underline' meegeven. Wordt de link onderstreept wanneer je met de muis over de link gaat/op de link staat.
#ANONIEMmaandag 18 juli 2011 @ 16:50
quote:
14s.gif Op maandag 18 juli 2011 14:49 schreef boem-dikkie het volgende:
Denk er wel om dat je bij het hoveren over een link wel een actie laat zien. Het is qua usability erg onvriendelijk om dit niet te doen.
De tekst staat in een soort button die dan een andere kleur krijgt, ook de muis veranderd dan dus vrij duidelijk naar mijn idee.
#ANONIEMmaandag 18 juli 2011 @ 17:22
Dim Eens kom op WhatsApp met Flopsie. :7

[ Bericht 56% gewijzigd door #ANONIEM op 18-07-2011 17:23:06 ]
boem-dikkiemaandag 18 juli 2011 @ 23:15
quote:
14s.gif Op maandag 18 juli 2011 16:50 schreef Dimens het volgende:

[..]

De tekst staat in een soort button die dan een andere kleur krijgt, ook de muis veranderd dan dus vrij duidelijk naar mijn idee.
Prima inderdaad.
FoolWithMokeydinsdag 19 juli 2011 @ 00:31
html is moeilijk man.
Koopsiedinsdag 19 juli 2011 @ 12:43
Heeft iemand ervaring met van Photoshop -> Dreamweaver? ik vind altijd tof om websites in photoshop te maken, en nu wil ik leren om het te coderen. :)

iemand nog tips? ik kan een beetje de basis van HTML & CSS heb ook een goed boek hier liggen maar staat jammer genoeg niet veel in over .PSD Slicen etc.
boem-dikkiedinsdag 19 juli 2011 @ 12:45
quote:
0s.gif Op dinsdag 19 juli 2011 12:43 schreef Koopsie het volgende:
Heeft iemand ervaring met van Photoshop -> Dreamweaver? ik vind altijd tof om websites in photoshop te maken, en nu wil ik leren om het te coderen. :)

iemand nog tips? ik kan een beetje de basis van HTML & CSS heb ook een goed boek hier liggen maar staat jammer genoeg niet veel in over .PSD Slicen etc.
Ik slice nagenoeg nooit. Laat een ontwerper altijd een ontwerp opleveren en dat maak ik dan na met CSS en HTML. Als hij dingen met plaatjes e.d. doet dan gebruik die natuurlijk wel maar voor de rest 'slice' ik eigenlijk nooit.
Koopsiedinsdag 19 juli 2011 @ 12:52
quote:
14s.gif Op dinsdag 19 juli 2011 12:45 schreef boem-dikkie het volgende:

[..]

Ik slice nagenoeg nooit. Laat een ontwerper altijd een ontwerp opleveren en dat maak ik dan na met CSS en HTML. Als hij dingen met plaatjes e.d. doet dan gebruik die natuurlijk wel maar voor de rest 'slice' ik eigenlijk nooit.
Ohok,
Ik heb namelijk dit begin gemaakt ( is nog lang niet af )
wvadec.jpg
boem-dikkiedinsdag 19 juli 2011 @ 12:54
quote:
0s.gif Op dinsdag 19 juli 2011 12:52 schreef Koopsie het volgende:

[..]

Ohok,
Ik heb namelijk dit begin gemaakt ( is nog lang niet af )
[ afbeelding ]
Dat is zo gepiept met CSS.
Koopsiedinsdag 19 juli 2011 @ 12:55
quote:
14s.gif Op dinsdag 19 juli 2011 12:54 schreef boem-dikkie het volgende:

[..]

Dat is zo gepiept met CSS.
:P ik zal wel weer even de boeken induiken, blijf het lastig vinden met codes etc.
boem-dikkiedinsdag 19 juli 2011 @ 12:57
quote:
0s.gif Op dinsdag 19 juli 2011 12:55 schreef Koopsie het volgende:

[..]

:P ik zal wel weer even de boeken induiken, blijf het lastig vinden met codes etc.
In principe bestaat je website maar uit drie kolommen. Header, content en footer. De achtergrondjes zijn effen dus dat is niks meer dan een background-color. Het enige 'beetje' lastige zijn de verloopjes van vlak naar vlak.
#ANONIEMdonderdag 21 juli 2011 @ 19:12
Ik heb dus de website bijna af maar ik irriteer mij nog aan het volgende.

De pagina centreert zich heel mooi in het middel van de website. Maar wanneer een pagina lang is en je dus naar beneden moet scrollen, krijg je die scroll bar aan de rechter kant. Als dit gebeurt centreert de pagina zich opnieuw maar dan iets meer naar links, waardoor hij dus niet meer mooi staat.
Hoe kan ik ervoor zorgen dat die balk aan de rechter kant geen effect heeft op het centreren van de pagina.
KomtTijd...zondag 24 juli 2011 @ 12:58
html {overflow-y: scroll;}
Al zou ik je adviseren dit gewoon lekker zo te laten. Grenst aan het willen kloten met andermans browserinstellingen.