abonnement Unibet Coolblue Bitvavo
  woensdag 6 juli 2011 @ 02:08:06 #51
298746 Dalando
18, niet meer gefrustreerd
pi_99098033
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.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99098403
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 ]
  woensdag 6 juli 2011 @ 02:36:36 #53
298746 Dalando
18, niet meer gefrustreerd
pi_99098416
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.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99098421
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?
  woensdag 6 juli 2011 @ 02:37:13 #55
298746 Dalando
18, niet meer gefrustreerd
pi_99098423
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?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99098431
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.
  woensdag 6 juli 2011 @ 02:39:07 #57
298746 Dalando
18, niet meer gefrustreerd
pi_99098437
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!
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  woensdag 6 juli 2011 @ 02:39:20 #58
298746 Dalando
18, niet meer gefrustreerd
pi_99098440
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.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99098444
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. ;(
  woensdag 6 juli 2011 @ 02:41:51 #60
298746 Dalando
18, niet meer gefrustreerd
pi_99098460
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?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99098474
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.
  woensdag 6 juli 2011 @ 02:44:41 #62
298746 Dalando
18, niet meer gefrustreerd
pi_99098485
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.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  woensdag 6 juli 2011 @ 02:46:11 #63
298746 Dalando
18, niet meer gefrustreerd
pi_99098497
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>
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99098508
Maar wat als ik div id boven en onder wil hebben?
pi_99098520
Dat ik zeg maar het plaatje en de header in een div id heb zitten?
  woensdag 6 juli 2011 @ 02:49:35 #66
298746 Dalando
18, niet meer gefrustreerd
pi_99098521
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.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  woensdag 6 juli 2011 @ 02:50:18 #67
298746 Dalando
18, niet meer gefrustreerd
pi_99098528
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.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99098535
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?
  woensdag 6 juli 2011 @ 02:52:19 #69
298746 Dalando
18, niet meer gefrustreerd
pi_99098552
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.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99098625


Zoiets dacht ik ervan te maken, dat die divs naast elkaar kwamen daar onderin al dan niet met behulp van een andere div.
pi_99098732
Perfect, precies zoals ik het wil hebben. _O_

pi_99098747
ow er is een pagina 2 :')

[ Bericht 87% gewijzigd door dirkjo op 06-07-2011 03:23:02 (kak) ]
pi_99098763
Mag ik trouwens vragen wat je aan het maken bent Dimens? Puur uit nieuwsgierigheid :9
pi_99098766
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
pi_99098789
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 :)
pi_99098833
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.
pi_99098860
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 ]
pi_99098923
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 :)
  woensdag 6 juli 2011 @ 03:51:30 #79
272287 henrivo
Tikt tegen jassies
pi_99098950
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.
pi_99099060
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.
  woensdag 6 juli 2011 @ 04:11:27 #81
272287 henrivo
Tikt tegen jassies
pi_99099077
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)
pi_99099086
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.
  woensdag 6 juli 2011 @ 04:19:42 #83
272287 henrivo
Tikt tegen jassies
pi_99099117
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!
pi_99099215
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. :)
  woensdag 6 juli 2011 @ 04:37:09 #85
272287 henrivo
Tikt tegen jassies
pi_99099224
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
  donderdag 7 juli 2011 @ 03:06:48 #86
298746 Dalando
18, niet meer gefrustreerd
pi_99140065
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 ;)
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99158003
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
pi_99158090
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
pi_99166265
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? :*
pi_99232792
Ik vind dit leuk. 14.gif
pi_99616651
Hoe krijg ik zo'n pictogram naast de title in je tabblad?
Daar waar bij FOK! dat Fok logo staat, die kleine.
pi_99616745
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.
pi_99616896
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?
pi_99616980
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 ]
pi_99617010
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.
pi_99617353
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 ]
pi_99617514
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 ]
pi_99617631
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?
pi_99617670
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.
pi_99617885
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?
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')