[HTML, CSS, JS] Frontend #42: eval("alert('weer een nieuw deel')");

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_148153325
quote:
99s.gif Op dinsdag 30 december 2014 15:54 schreef CrashO het volgende:

[..]

[..]

ctrl-z

Heb ik de baan nu? :+
:'(
  zondag 4 januari 2015 @ 13:32:04 #202
248156 Rockiejj
Who's your daddy?
pi_148314805
He, ik ben bezig met een opdracht voor school maar loop nu tegen het volgende aan:

Ik wil in 1 paragraaf meerdere onderbrekingsstrepen plaatsen (heten ze zo? Het <hr />-streepje iig)
maar als ik dat doe stopt m'n paragraaf er mee, dus de CSS tot dat stuk doet het gewoon goed, maar tot de streep en niet verder!

Klopt dat, of doe ik iets fout?
Diep inspirerende quote
- "bekend" persoon
  zondag 4 januari 2015 @ 13:34:17 #203
363995 Reemi
Zeg maar Remi.
pi_148314911
quote:
99s.gif Op zondag 4 januari 2015 13:32 schreef Rockiejj het volgende:
He, ik ben bezig met een opdracht voor school maar loop nu tegen het volgende aan:

Ik wil in 1 paragraaf meerdere onderbrekingsstrepen plaatsen (heten ze zo? Het <hr />-streepje iig)
maar als ik dat doe stopt m'n paragraaf er mee, dus de CSS tot dat stuk doet het gewoon goed, maar tot de streep en niet verder!

Klopt dat, of doe ik iets fout?
Kun je je code plaatsen? Schept een duidelijker beeld van wat er fout gaat. :P
Smile like you mean it
www.wefut.com
  zondag 4 januari 2015 @ 13:40:23 #204
248156 Rockiejj
Who's your daddy?
pi_148315188
quote:
0s.gif Op zondag 4 januari 2015 13:34 schreef Reemi het volgende:

[..]

Kun je je code plaatsen? Schept een duidelijker beeld van wat er fout gaat. :P
Tuurlijk!
Het HTML stuk waar het over gaat:
1
2
3
4
5
6
7
8
9
10
11
12
13		<div class=links>
            <h2> Het laatste nieuws</h2>
            <p> <br />
                <img src=http://40.media.tumblr.com/8dfba4430e6c11714ca4c7b825bc7f6b/tumblr_nhle911TbV1r9kndao1_1280.jpg /><br/>
                Momenteel zit Tyler Ward in Mexico, waar hij op de foto staat met de Maya ruïnes!<br />
                Yucatan, Mexico (2 januari 2015)
                <br />
                <hr />
                <img src=http://40.media.tumblr.com/9d11b04db262d7c166518bb4bb224a7f/tumblr_nhhjq9UQmV1r9kndao1_500.jpg /><br />
                Gelukkig nieuwjaar namens Tyler Ward!<br />
                Mexico (1 januari 2015)
            </p>
        </div>

CSS:
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
58
59
60
61
62
63
64
65
66
67		body{
    background-color: #cccc99;
    color: white;
    }
h1{
    width: 95%;
    background-color: #000033;
    border: 2px solid white;
    padding: 15px;
    margin: 1% 1%;
    text-align: center;
    }
h2{
    background-color: #000033;
    border: 2px solid white;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
    }
    
ul{
    width: 95%;
    background-color: #000033;
    border: 2px solid white;
    padding: 15px;
    margin: 1%;
    text-align: center;
    }
    
li{
    display: inline;
    padding: 4%;
    color: white;
    }
    
.links{
    width: 59%;
    float: left;
    margin: 1% 1%;
    }
    
.rechts{
    width: 30%;
    float: right;
    padding-right: 15px;
    margin: 1% 1%;
    }

p {    background-color: #000033;
    border: 2px solid white;
    text-align: center;
    }

a{
    color: white;
    text-decoration: none;
    }
    
a:hover{
    color: #cccc99;
    text-decoration: underline;
    }

img{
    max-height: 365px;
    max-width: 365px;
    }
Diep inspirerende quote
- "bekend" persoon
  zondag 4 januari 2015 @ 13:45:12 #205
363995 Reemi
Zeg maar Remi.
pi_148315352
quote:
99s.gif Op zondag 4 januari 2015 13:40 schreef Rockiejj het volgende:

[..]

Tuurlijk!
Het HTML stuk waar het over gaat:
[ code verwijderd ]

CSS:
[ code verwijderd ]

<p> is een enkele paragraaf, terwijl <hr> juist bedoeld is om twee paragrafen te scheiden. Oftewel, een logische indeling is:

1
2
3		<p>deel 1</p>
<hr>
<p>deel 2</p>

Ik zie dat je het <p>-element als contentvak gebruikt door het een achtergrond te geven, maar dat kun je beter met een <div> doen. Dat levert het volgende op:

1
2
3
4
5		<div id="content">
    <p>deel 1</p>
    <hr>
    <p>deel 2</p>
</div>

Dan staat alles netjes in hetzelfde vak.
Smile like you mean it
www.wefut.com
  zondag 4 januari 2015 @ 13:45:50 #206
56176 Catch22-
Ben je Blind?!
pi_148315382
Een p is semantisch gezien voor tekst. Dus niet voor hr's of plaatjes
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  zondag 4 januari 2015 @ 13:46:07 #207
248156 Rockiejj
Who's your daddy?
pi_148315394
quote:
0s.gif Op zondag 4 januari 2015 13:45 schreef Reemi het volgende:

[..]

<p> is een enkele paragraaf, terwijl <hr> juist bedoeld is om twee paragrafen te scheiden. Oftewel, een logische indeling is:
[ code verwijderd ]

Ik zie dat je het <p>-element als contentvak gebruikt door het een achtergrond te geven, maar dat kun je beter met een <div> doen. Dat levert het volgende op:
[ code verwijderd ]

Dan staat alles netjes in hetzelfde vak.
Maar dan krijg je alle paragrafen met een aparte omlijning, right?
Diep inspirerende quote
- "bekend" persoon
  zondag 4 januari 2015 @ 13:46:30 #208
363995 Reemi
Zeg maar Remi.
pi_148315406
quote:
99s.gif Op zondag 4 januari 2015 13:46 schreef Rockiejj het volgende:

[..]

Maar dan krijg je alle paragrafen met een aparte omlijning, right?
Niet als je doet wat ik zeg: de omlijning en achtergrondkleur aan de div toewijzen, in plaats van aan het p-element.
Smile like you mean it
www.wefut.com
  zondag 4 januari 2015 @ 13:46:54 #209
248156 Rockiejj
Who's your daddy?
pi_148315424
quote:
0s.gif Op zondag 4 januari 2015 13:46 schreef Reemi het volgende:

[..]

Niet als je doet wat ik zeg: de omlijning aan de div toewijzen, in plaats van aan het p-element.
Ik wilde het net editten :X
Diep inspirerende quote
- "bekend" persoon
  zondag 4 januari 2015 @ 13:50:00 #210
248156 Rockiejj
Who's your daddy?
pi_148315502
Ah ja, dit is hoe ik het wilde hebben! Thanks!
Diep inspirerende quote
- "bekend" persoon
  zondag 4 januari 2015 @ 13:50:20 #211
363995 Reemi
Zeg maar Remi.
pi_148315515
quote:
99s.gif Op zondag 4 januari 2015 13:50 schreef Rockiejj het volgende:
Ah ja, dit is hoe ik het wilde hebben! Thanks!
^O^
Smile like you mean it
www.wefut.com
  zondag 4 januari 2015 @ 14:15:06 #212
248156 Rockiejj
Who's your daddy?
pi_148316252
quote:
0s.gif Op zondag 4 januari 2015 13:50 schreef Reemi het volgende:

[..]

^O^
Nog 1 vraagje:
Ik heb twee aparte blokken (1 links en 1 rechts) maar ik wil dat de afbeeldingen links max 65% van de pagina omvatten en de afbeeldingen rechts slechts 30%, hoe moet ik dit in mijn css veranderen?
Ik heb wel al aparte div's genaamd links en rechts.
Diep inspirerende quote
- "bekend" persoon
  zondag 4 januari 2015 @ 14:25:46 #213
248156 Rockiejj
Who's your daddy?
pi_148316559
Laat maar, opgelost :)
Diep inspirerende quote
- "bekend" persoon
  zondag 4 januari 2015 @ 22:45:29 #214
414501 KimJong-un
Heeft de titel Doctor
pi_148338029
als ik een link in een div heb staan en in mijn css maak ik de position absolute, werkt dat dan?

.div a{
position: absolute;
}
bijnamen: briljante kameraad, geweldige leider.
  zondag 4 januari 2015 @ 22:46:03 #215
123869 Merkie
Surprisingly contagious
pi_148338067
Wat is je vraag? Je code is correct.
2000 light years from home
  zondag 4 januari 2015 @ 22:50:41 #216
414501 KimJong-un
Heeft de titel Doctor
pi_148338362
quote:
0s.gif Op zondag 4 januari 2015 22:46 schreef Merkie het volgende:
Wat is je vraag? Je code is correct.
Die link is een button naar een andere pagina. Ik heb verschillende div's die even groot zijn en in elk zo'n div staat een button. Nu wil ik die button binnen elk vak op dezelfde plaats hebben staan.

Dus zeg maar 10px vanaf bottom en 10px vanaf links.

Nu heb ik gewoon float left en komt het onder de tekst te staan. De hoeveelheid tekst bepaald dus hoe hoog de button in het vak staat.

Ik dacht die link nu position absolute te geven en de div waar die instaat position relative. Dan zou het mooiste zijn als ik kan zeggen dat de margin-bottom 10 px is en dat hij dan netjes 10 px beneden uit de rand staat.
bijnamen: briljante kameraad, geweldige leider.
  zondag 4 januari 2015 @ 22:52:09 #217
56176 Catch22-
Ben je Blind?!
pi_148338453
Deze al gelezen? Zo niet, goed en aandachtig doen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  zondag 4 januari 2015 @ 23:01:59 #218
414501 KimJong-un
Heeft de titel Doctor
pi_148339051
quote:
0s.gif Op zondag 4 januari 2015 22:52 schreef Catch22- het volgende:
Deze al gelezen? Zo niet, goed en aandachtig doen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
dankje, ik had gewoon bottom en left moeten gebruiken in plaats van met margin te kloten.
bijnamen: briljante kameraad, geweldige leider.
  donderdag 8 januari 2015 @ 11:26:29 #219
248156 Rockiejj
Who's your daddy?
pi_148460731
Ik loop weer te kloten, mijn footer wilt niet over de hele pagina, waarschijnlijk omdat ik een linker en een rechter div heb, maar is er een manier om dit op te lossen? Als ik clear: both; doe dan valt m'n rechter div schuin onder mijn linker div.

Hier de codes:

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87		<!doctype html>

<html>
    <head>
        <title>Tyler Ward Online</title>
        <meta name="description" content="Een fansite over Tyler Ward" />
        <meta name="keywords" content="fansite over Tyler Ward Nederlands" />
        <meta name="language" content="Nederlands" />
        <meta name="copyright" content="xxx" />
        <meta name ="author" content="xxx" />
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <link rel="shortcut icon" type="image/jpg" href="icon.png">
    </head>
    <body>
        <h1 name=top>Welkom op de fansite van Tyler Ward!<br />
            <a href="https://twitter.com/tylerwardmusic"><img src="media/images/twitter.svg" class=miniicon /></a>
            <a href="https://www.facebook.com/TylerWardMusic?fref=ts"><img src="media/images/Facebook.svg" class=miniicon /></a>
            <a href="https://www.youtube.com/channel/UC4vT3qTr8fwVS7IsPgqaGCQ"><img src="media/images/Youtube.svg" class=miniicon /></a>
            <a href="http://instagram.com/TylerWardMusic"><img src="media/images/Instagram.svg" class=miniicon /></a>
            <a href="http://www.tylerwardmusic.com/"><img src="media/images/Website.svg" class=miniicon /></a></h1>
        
        <ul>
            <li class=active><a href="index.html">Het laatste nieuws</a></li>
            <li><a href="over.htm">Over Tyler</a>
            <li><a href="galerij.htm">Galerij</a></li>
            <li><a href="contact.htm">Contact</a>
            <li><a href="zoeken.htm">Zoeken</a></li>
        </ul>
            
        <div class=links>
            <h2> De laatste video </h2>
            <div id="content">
                <iframe width="560" height="315" src="http://www.youtube.com/embed/LVA0MZv8s1k?list=RDLVA0MZv8s1k" frameborder="0"></iframe>
            </div>
            <h2> Het laatste nieuws </h2>
            <div id="content">
                <br />
                <p>
                <img src="http://photos-a.ak.instagram.com/hphotos-ak-xaf1/t51.2885-15/10919308_800811829956376_2059906634_n.jpg" class="groot" alt="Tyler met zijn neefje"/><br />
                Tyler is terug in Colorado en staat hier met zijn neefje op de foto.<br />
                Colorado, USA (6 januari 2015)<br />
                <a href="">Lees meer..</a>
                </p>
                <p>
                <img src=http://40.media.tumblr.com/8dfba4430e6c11714ca4c7b825bc7f6b/tumblr_nhle911TbV1r9kndao1_1280.jpg class="groot" alt="Tyler bij de ruïnes"/><br />
                Momenteel zit Tyler Ward in Mexico, waar hij op de foto staat met de Maya ruïnes!<br />
                Yucatan, Mexico (2 januari 2015)<br />
                <a href="">Lees meer..</a>
                </p>
                <img src="media/images/underline.png" class="divider"/>
                <p>
                <br />
                <img src=http://40.media.tumblr.com/9d11b04db262d7c166518bb4bb224a7f/tumblr_nhhjq9UQmV1r9kndao1_500.jpg class="groot" alt="Tyler op oud&nieuw" /><br />
                Gelukkig nieuwjaar namens Tyler Ward!<br />
                Mexico (1 januari 2015)<br />
                </p>
                <a href=#top>Terug naar boven</a>
            </div>
            
        </div>
        <div class=rechts>
            <h2> Tyler op facebook </h2>
            <div id="content">
                <p> bla bla bla </p                
            </div>
        </div>
        <h2> Zoeken
            <form action="http://www.example.org/search.php">
                <input type="search" name="search" placeholder="Zoek hier" />
                <input type="submit" value="Zoek!" />
            </form>
        </h2>
            
        <h2> Galerij </h2>
        <div id="galerij">
            <img src=http://40.media.tumblr.com/8dfba4430e6c11714ca4c7b825bc7f6b/tumblr_nhle911TbV1r9kndao1_1280.jpg class="galerij"/>
        </div>
        
        
        <footer class=paginabreed>
            <p>© All rights reserved - 2014 <a href=#top>Terug naar boven</a></p>
        </footer>
        
    </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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170		body{
    background-color: #cccc99;
    color: white;
    font-family: Myriad Pro, Arial, Verdana;
    }
h1{
    background-color: #000033;
    border: 3px solid #444444;
    padding: 15px;
    margin: 1% 1%;
    text-align: center;
    }
h2{
    background-color: #000033;
    border: 3px solid #444444;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    }
ul{
    width: 96%;
    background-color: #000033;
    border: 3px solid #444444;
    padding: 1%;
    margin-left: 1%;
    text-align: center;
    height: auto;
    }
    
li{
    display: inline;
    color: white;
    position: relative;
    cursor: pointer;
    background: #000033;
    padding: 1%;
    font-size: 1.2em;
    }

li.active{
    background-color: white;
    text-decoration: underline;
    }
li.active > a{
    color: black;
    }

ul li ul{
    display: none;
    }
    
.links{
    width: 65%;
    float: left;
    margin: 0 1%;
    }
    
.rechts{
    width: 30%;
    float: right;
    margin: 0 1%;
    }
    
#content {    
    background-color: #000033;
    border: 3px solid #444444;
    text-align: center;
    clear: both;
    }

#paginabreed{
    width: 96%;
    background-color: #000033;
    border: 3px solid #444444;
    padding: 1%;
    margin-left: 1%;
    text-align: center;
    }
    
#galerij {    
    background-color: #000033;
    border: 3px solid #444444;
    text-align: center;
    padding: 1%;
    margin: 1%;
    }

a{
    color: #007E7E;
    text-decoration: none;
    }
    
a:hover{
    color: #cccc99;
    text-decoration: underline;
    }

img.divider{
    max-width: 50%;
    }
    
img.galerij{
    max-height: 30%;
    max-width: 30%;
    }

img.groot{
    max-height: 40%;
    max-width: 40%;
    min-width: 200px;
    min-height: 200px;
    }

img.icon{
    max-height: 50px;
    max-width: 50px;
    }
    
img.miniicon{
    max-height: 1em;
    max-width: 1em;
    }
    
iframe{
    padding: 1%;
    max-width: 100%;
    }

footer{
    width: 96%;
    background-color: #000033;
    border: 3px solid #444444;
    padding: 10px;
    margin-top: 1%;
    text-align: center;
    position: static;
    bottom: 0px;
    clear: both;
    height: auto !important}
    
@media all and (max-width: 480px){
    li{
        display: block;
        }
    iframe{
        max-width: 280px;
        }
    img{
        max-height: 280px;
        max-width: 280px;
        }
    .links{
        width: 100%;
        float: none;
        }
        
    .rechts{
        width: 100%;
        float: none;
        }

@media all and (min-width: 481px) and (max-width: 980px){
    iframe{
        width: 90%;
        height: 90%;
        }
    img{
        max-height: 500px;
        max-width: 500px;
        }


[ Bericht 0% gewijzigd door Rockiejj op 09-01-2015 22:40:04 ]
Diep inspirerende quote
- "bekend" persoon
  donderdag 8 januari 2015 @ 14:09:29 #220
134533 donroyco
dus niet Donroyco
pi_148466557
quote:
99s.gif Op donderdag 8 januari 2015 11:26 schreef Rockiejj het volgende:
Ik loop weer te kloten, mijn footer wilt niet over de hele pagina, waarschijnlijk omdat ik een linker en een rechter div heb, maar is er een manier om dit op te lossen? Als ik clear: both; doe dan valt m'n rechter div schuin onder mijn linker div.

Hier de codes:
[ code verwijderd ]

[ code verwijderd ]

Hey Daniël, maak eens een jsfiddle / CodePen aan.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_148468326
quote:
99s.gif Op donderdag 8 januari 2015 11:26 schreef Rockiejj het volgende:
Ik loop weer te kloten, mijn footer wilt niet over de hele pagina, waarschijnlijk omdat ik een linker en een rechter div heb, maar is er een manier om dit op te lossen? Als ik clear: both; doe dan valt m'n rechter div schuin onder mijn linker div.

Hier de codes:
[ code verwijderd ]

[ code verwijderd ]

Ehm, dat zijn niet de codes van je footer, da's je hele fucking website. Maak eens een testcase.
zcflevo.nl
pi_148477062
Als ik een beetje wil gaan beginnen met het maken van websites en dergelijke, waar kan ik dan het beste mee beginnen? HTML?
I got two dudes that turned into raspberry slushy and flushed down my toilet. I can't even take a proper dump in there.
  donderdag 8 januari 2015 @ 18:57:04 #223
118011 BrainOverfloW
Fok! around the Clock!
pi_148477369
quote:
0s.gif Op donderdag 8 januari 2015 18:48 schreef Donnie-Brasco het volgende:
Als ik een beetje wil gaan beginnen met het maken van websites en dergelijke, waar kan ik dan het beste mee beginnen? HTML?
Dat is wel het begin punt ja. HTML en CSS (CSS geeft het uiterlijk aan je html). 30 Days to learn HTML & CSS is bijvoorbeeld een goeie cursus om je deze basis te leren. En ga vooral lekker zelf proberen met de dingen die je leert. Van alleen opdrachtjes natypen leer je het niet.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
pi_148477936
quote:
0s.gif Op donderdag 8 januari 2015 18:57 schreef BrainOverfloW het volgende:

[..]

Dat is wel het begin punt ja. HTML en CSS (CSS geeft het uiterlijk aan je html). 30 Days to learn HTML & CSS is bijvoorbeeld een goeie cursus om je deze basis te leren. En ga vooral lekker zelf proberen met de dingen die je leert. Van alleen opdrachtjes natypen leer je het niet.
Gaan we daar mee beginnen, wordt gewoon een beetje tijdvedrijf :P
I got two dudes that turned into raspberry slushy and flushed down my toilet. I can't even take a proper dump in there.
  vrijdag 9 januari 2015 @ 22:34:20 #225
248156 Rockiejj
Who's your daddy?
pi_148526577
quote:
15s.gif Op donderdag 8 januari 2015 14:09 schreef donroyco het volgende:

[..]

Hey Daniël, maak eens een jsfiddle / CodePen aan.
Een eh.. wat?
Diep inspirerende quote
- "bekend" persoon
  vrijdag 9 januari 2015 @ 22:39:09 #226
248156 Rockiejj
Who's your daddy?
pi_148526780
quote:
14s.gif Op donderdag 8 januari 2015 14:53 schreef KomtTijd... het volgende:

[..]

Ehm, dat zijn niet de codes van je footer, da's je hele fucking website. Maak eens een testcase.
quote:
15s.gif Op donderdag 8 januari 2015 14:09 schreef donroyco het volgende:

[..]

Hey Daniël, maak eens een jsfiddle / CodePen aan.
http://codepen.io/anon/pen/myRXYM
Diep inspirerende quote
- "bekend" persoon
  vrijdag 9 januari 2015 @ 22:41:00 #227
248156 Rockiejj
Who's your daddy?
pi_148526862
quote:
0s.gif Op donderdag 8 januari 2015 18:48 schreef Donnie-Brasco het volgende:
Als ik een beetje wil gaan beginnen met het maken van websites en dergelijke, waar kan ik dan het beste mee beginnen? HTML?
Ik heb heel veel aan het boek HTML & CSS gehad, is een mooi en duidelijk boek.
Diep inspirerende quote
- "bekend" persoon
  vrijdag 9 januari 2015 @ 22:41:45 #228
118011 BrainOverfloW
Fok! around the Clock!
pi_148526891
quote:
99s.gif Op vrijdag 9 januari 2015 22:34 schreef Rockiejj het volgende:

[..]

Een eh.. wat?
JSfiddle en Codepen zijn websites waar je HTML/CSS/JS op uit kunt voeren zonder een hele pagina te hoeven maken. Erg handig voor het testen van ideeën of het delen van stukken code als je ergens mij zit.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  vrijdag 9 januari 2015 @ 22:50:16 #229
248156 Rockiejj
Who's your daddy?
pi_148527235
quote:
0s.gif Op vrijdag 9 januari 2015 22:41 schreef BrainOverfloW het volgende:

[..]

JSfiddle en Codepen zijn websites waar je HTML/CSS/JS op uit kunt voeren zonder een hele pagina te hoeven maken. Erg handig voor het testen van ideeën of het delen van stukken code als je ergens mij zit.
Ik zie het inderdaad, handig!
Diep inspirerende quote
- "bekend" persoon
  maandag 12 januari 2015 @ 22:24:48 #230
230788 n8n
Pragmatisch
pi_148624178
Wat heb ik nou weer aan m'n broek hangen, heb een site, werkt de css niet. Met niet bedoel ik totaal niet, niet in Safari, niet in Chrome. De inspector van beide zien de css wel, ze herkennen het ook als css-bestand. Het enige wat er in staat is body { color: red } (om te testen, en ja er is een body-tag).

Iemand dit wel eens meegemaakt? Als ik met stylish (browser extensie) de pagina de kleur rood geef lukt het wel. Superweird deze.

Heb ook nog even een js toegevoegd die alleen 'test' in een alert gooit, die werkt wel.

Edit: zie dat het MIME Type text/plain is, moet haast daar aan liggen, oké bedankt :+
Edit2: :D :@

[ Bericht 11% gewijzigd door n8n op 12-01-2015 22:31:46 ]
“Specialization is for insects”.—Robert Heinlein
  maandag 12 januari 2015 @ 22:32:11 #231
248156 Rockiejj
Who's your daddy?
pi_148624580
quote:
15s.gif Op donderdag 8 januari 2015 14:09 schreef donroyco het volgende:

[..]

Hey Daniël, maak eens een jsfiddle / CodePen aan.
quote:
14s.gif Op donderdag 8 januari 2015 14:53 schreef KomtTijd... het volgende:

[..]

Ehm, dat zijn niet de codes van je footer, da's je hele fucking website. Maak eens een testcase.
Schatten, willen jullie nog even naar mijn code kijken, ik raak er alleen maar dieper in verdwaald :@
Diep inspirerende quote
- "bekend" persoon
  dinsdag 13 januari 2015 @ 00:07:10 #232
118011 BrainOverfloW
Fok! around the Clock!
pi_148628612
quote:
99s.gif Op maandag 12 januari 2015 22:32 schreef Rockiejj het volgende:

[..]

[..]

Schatten, willen jullie nog even naar mijn code kijken, ik raak er alleen maar dieper in verdwaald :@
Je zou er voor kunnen kiezen om je content in een main tag te zetten. Dan krijgt je HTML de volgende structuur

1
2
3
4
5
6
7
8
9
10		<header>
-Hier je titel en menu code
</header>
<main>
  <section class="links"></section>
  <section class="rechts"></section>
</main>
<footer>
-Copyright
</footer>

Op die manier kun je de header, main en footer als 3 horizontale blokken op elkaar zetten. Binnen je main zet je vervolgens je content in twee rijen. De main zal dan altijd de lengte hebben van de langste rij waardoor je footer automatisch naar onderen wordt gedrukt.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  dinsdag 13 januari 2015 @ 00:08:18 #233
248156 Rockiejj
Who's your daddy?
pi_148628653
quote:
0s.gif Op dinsdag 13 januari 2015 00:07 schreef BrainOverfloW het volgende:

[..]

Je zou er voor kunnen kiezen om je content in een main tag te zetten. Dan krijgt je HTML de volgende structuur
[ code verwijderd ]

Op die manier kun je de header, main en footer als 3 horizontale blokken op elkaar zetten. Binnen je main zet je vervolgens je content in twee rijen. De main zal dan altijd de lengte hebben van de langste rij waardoor je footer automatisch naar onderen wordt gedrukt.
Ik ga kijken of dit het oplost, thanks!
Diep inspirerende quote
- "bekend" persoon
  donderdag 15 januari 2015 @ 22:49:17 #234
248156 Rockiejj
Who's your daddy?
pi_148731776
quote:
0s.gif Op dinsdag 13 januari 2015 00:07 schreef BrainOverfloW het volgende:

[..]

Je zou er voor kunnen kiezen om je content in een main tag te zetten. Dan krijgt je HTML de volgende structuur
[ code verwijderd ]

Op die manier kun je de header, main en footer als 3 horizontale blokken op elkaar zetten. Binnen je main zet je vervolgens je content in twee rijen. De main zal dan altijd de lengte hebben van de langste rij waardoor je footer automatisch naar onderen wordt gedrukt.
Werkte perfect!
Kan je voor mij misschien ook nog eens kijken naar mijn navigatiebalk, ik heb nu een dropdown menu, alleen is mijn dropdown nu extreem breed, en ik zie niet waar het fout gaat. Kun je me misschien helpen :@ :@
http://codepen.io/anon/pen/myRXYM
Diep inspirerende quote
- "bekend" persoon
  vrijdag 16 januari 2015 @ 00:04:40 #235
118011 BrainOverfloW
Fok! around the Clock!
pi_148734715
quote:
99s.gif Op donderdag 15 januari 2015 22:49 schreef Rockiejj het volgende:

[..]

Werkte perfect!
Kan je voor mij misschien ook nog eens kijken naar mijn navigatiebalk, ik heb nu een dropdown menu, alleen is mijn dropdown nu extreem breed, en ik zie niet waar het fout gaat. Kun je me misschien helpen :@ :@
http://codepen.io/anon/pen/myRXYM
nav ul li:hover > ul
Daar met width en margin je juiste lengte en positie in zetten.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
pi_148735849
quote:
99s.gif Op vrijdag 9 januari 2015 22:41 schreef Rockiejj het volgende:

[..]

Ik heb heel veel aan het boek HTML & CSS gehad, is een mooi en duidelijk boek.
Thnx voor de tip, heb nog cadeaubon van bol.com liggen dus ga hem bestellen denk ik ^O^
I got two dudes that turned into raspberry slushy and flushed down my toilet. I can't even take a proper dump in there.
  vrijdag 16 januari 2015 @ 12:25:36 #237
248156 Rockiejj
Who's your daddy?
pi_148743913
quote:
1s.gif Op vrijdag 16 januari 2015 00:53 schreef Donnie-Brasco het volgende:

[..]

Thnx voor de tip, heb nog cadeaubon van bol.com liggen dus ga hem bestellen denk ik ^O^
Ja moet je doen, ik heb er wel een hoop aan gehad!
Diep inspirerende quote
- "bekend" persoon
  zondag 25 januari 2015 @ 15:54:04 #238
230788 n8n
Pragmatisch
pi_149043073
https://dev.opera.com/articles/javascript-best-practices/

Goed artikel dit, met name over de namespaces.
“Specialization is for insects”.—Robert Heinlein
pi_149096595
Kleine vraag, hoe krijg ik bij het volgende voorbeeld de uitloop van de span terug in de container?

http://codepen.io/anon/pen/ogwraj

The people who lost my respect will never get a capital letter for their name again.
Like trump...
  dinsdag 27 januari 2015 @ 08:52:34 #240
91039 mstx
2x1/2 = 1/2 x 1/2
pi_149096657
quote:
14s.gif Op dinsdag 27 januari 2015 08:47 schreef Chandler het volgende:
Kleine vraag, hoe krijg ik bij het volgende voorbeeld de uitloop van de span terug in de container?

http://codepen.io/anon/pen/ogwraj

[ afbeelding ]
.top p {
box-sizing:border-box;
}
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_149097139
Thanks! je moet het maar weten ;)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  dinsdag 27 januari 2015 @ 10:21:28 #242
56176 Catch22-
Ben je Blind?!
pi_149098078
vind ik zelf niet zo fraai, op 1 element box-sizing toepassen

1
2
3
4
5
6
7
8
9
10
11		.top p {
  background: rgba(0, 0, 0, 0.25);
  font-family: 'Roboto', sans-serif;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 5px;
  color: white;
  margin: 0;
  width: calc(100% - 10px);
}

Is netter. Maar het fijnste is box-sizing op alles gooien

http://www.paulirish.com/2012/box-sizing-border-box-ftw/

alleen moet je dat wel vantevoren gelijk doen
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_149098348
Klopt Catch, had het blogje waar je naar verwijst al doorgenomen.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  dinsdag 27 januari 2015 @ 10:38:44 #244
56176 Catch22-
Ben je Blind?!
pi_149098456
quote:
0s.gif Op dinsdag 27 januari 2015 10:34 schreef Chandler het volgende:
Klopt Catch, had het blogje waar je naar verwijst al doorgenomen.
Als Paul Irish iets zegt, dat is het waar.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_149099102
quote:
11s.gif Op dinsdag 27 januari 2015 10:38 schreef Catch22- het volgende:

[..]

Als Paul Irish iets zegt, datn is het waar.
:P maar goed, ga weer druk verder spelen om hier een mooie gallery van te maken :P
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_149101673
Box-sizing:border-box op alles gooien is leuk, tot dat je een of andere gare vendor-code moet includen. Maar ja, dan heb je natuurlijk al een groter probleem :(
Nee.
pi_149102589
Ik heb een verschil in Firefox en Chrome met images.
In een div staat een image. De image is breder dan de div, maar de hoogte is wel goed.
Firefox doet dat prima,
Chrome gaat de zaak schalen zodat de image kleiner wordt, dat wil ik niet

Waar zit m dit in?
pi_149121221
Programmeren en er maar niet uit komen! WRAAAAH!

Wellicht zijn er mensen bekend met StackoverFlow.. Voor mijn opleiding ben ik pas begonnen met het programmeren. Op dit moment zijn wij bezig met het maken van een sociale media dienst m.b.v jquery..

Op dit moment loop ik vast op een Follow & UnFollow button. Ik heb de button gestyled zodat er bij 1 class het lijkt of de knop niet is in gedrukt en 1 class dat de knop WEL is ingedrukt. Nu is het nog de schone taak hem werkende te krijgen. Normaal is de knop niet ingedrukt (class1) en staat er de tekst "follow" en wanneer je die knop indrukt moet hij een andere class gebruiken (class2) en moet de tekst "unfollow" worden. Helder en niet zo moeilijk toch? Maar toch loop ik vast!!

Nu heb ik de vraag voorgelegd bij mensen op StackoverFlow en die hebben mij zeker kunnen helpen maar alsnog kom ik er niet uit en begrijp ik sommige dingen niet. Hier is de link naar de topic daar :

http://goo.gl/GNTmD0

Is er soms iemand die zich geroepen voelt en mij uit deze HELL kan halen? Ruk zowat de haren uit m'n kop
“Scientists tell us that the fastest animal on earth, with a top speed of 120 feet per second, is a cow that has been dropped out of a helicopter.”
  dinsdag 27 januari 2015 @ 22:26:30 #249
56176 Catch22-
Ben je Blind?!
pi_149121404
Je denkt jquery is poepsimpel en zonder lezen kan ik er wel mee werken? En waarom een div en geen a?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  dinsdag 27 januari 2015 @ 22:30:54 #250
134533 donroyco
dus niet Donroyco
pi_149121662
quote:
0s.gif Op dinsdag 27 januari 2015 13:26 schreef MrNiles het volgende:
Ik heb een verschil in Firefox en Chrome met images.
In een div staat een image. De image is breder dan de div, maar de hoogte is wel goed.
Firefox doet dat prima,
Chrome gaat de zaak schalen zodat de image kleiner wordt, dat wil ik niet

Waar zit m dit in?
Voorbeeld?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[HTML, CSS, JS] Frontend #42: eval("alert('weer een nieuw deel')");
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')