Nachtbagger #hex - met techtalk en onz

Index

» onzin voor je leven!

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_99052874
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		<!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="Index.css">
<link href="Index.ico" rel="shortcut icon">
</head>

<body>
<div class="content">
<div class="icon"><img src="http://i.fokzine.net/s/emo.gif" alt="Fok" width="200" height="200" />
<div class="header"><p>Even testen</p>
</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		@charset "utf-8";
/* CSS Document */

body {
    background:#FF9932;
}

.content {
    margin: 0 auto;
    width: 1000px;
    background:#F00;
}

.icon {
    padding-left: 50px;
    padding-top: 50px;
}

.header {
    padding-left:: 60px;
    padding-top: 50px;
}

Waarom doet hij die tekst niet naast de icoon?
  dinsdag 5 juli 2011 @ 04:22:49 #102
298746 Dalando
18, niet meer gefrustreerd
pi_99052876
quote:
2s.gif Op dinsdag 5 juli 2011 04:21 schreef Dimens het volgende:

[ code verwijderd ]

[ code verwijderd ]

Waarom doet hij die tekst niet naast de icoon?
p komt altijd op een nieuwe regel, met of zonder icoon.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052880
quote:
7s.gif Op dinsdag 5 juli 2011 04:22 schreef Dalando het volgende:

[..]

p komt altijd op een nieuwe regel, met of zonder icoon.
Maar hoe krijg ik hem dan naast de icoon?

Niet in de div plaatsen maar in een nieuwe div?
  dinsdag 5 juli 2011 @ 04:25:10 #104
298746 Dalando
18, niet meer gefrustreerd
pi_99052881
Oplossing: http://jsfiddle.net/KBg8k/

En trouwens: GEBRUIK NOOIT WIDTH OF HEIGHT attributen! Oud! Bah! Vies! Net zo'n bejaarde opa :o Daarvoor heb je CSS!

<img src="plaatjen.gif" style="width:200px; height:200px;" alt="emo.gif!" />
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  dinsdag 5 juli 2011 @ 04:25:23 #105
298746 Dalando
18, niet meer gefrustreerd
pi_99052883
quote:
2s.gif Op dinsdag 5 juli 2011 04:24 schreef Dimens het volgende:

[..]

Maar hoe krijg ik hem dan naast de icoon?

Niet in de div plaatsen maar in een nieuwe div?
Door veel minder tags te gebruiken, zie vorige post.
Heb trouwens wel 1 keer te veel </div> gedaan.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052886
En stel ik wil nu die tekst heel ergens anders hebben in een nieuwe div omdat het ook een andere achtergrond nodig heeft?
pi_99052889
Best leuk zo'n leerzame nachtbagger. _O_
pi_99052890
quote:
14s.gif Op dinsdag 5 juli 2011 04:30 schreef Floxcie het volgende:
Best leuk zo'n leerzame nachtbagger. _O_
Ja zeker.

Binnenkort bouw ik Fok! app.
pi_99052893
quote:
10s.gif Op dinsdag 5 juli 2011 04:31 schreef Dimens het volgende:

[..]

Ja zeker.

Binnenkort bouw ik Fok! app.
En daarna geheime app.
pi_99052894
Credits naar Dalando voor het mede mogelijk maken van Fok! app. _O_
AliExpress - die hebben ALLES!Boek goedkoper bij booking.comBekijk het streamingaanbod van Primevideo
pi_99052895
quote:
6s.gif Op dinsdag 5 juli 2011 04:32 schreef Floxcie het volgende:

[..]

En daarna geheime app.
Precies.
  dinsdag 5 juli 2011 @ 04:32:35 #112
298746 Dalando
18, niet meer gefrustreerd
pi_99052898
quote:
2s.gif Op dinsdag 5 juli 2011 04:28 schreef Dimens het volgende:
En stel ik wil nu die tekst heel ergens anders hebben in een nieuwe div omdat het ook een andere achtergrond nodig heeft?
Als je alleen de tekst wil doen dan kun je <span> gebruiken. Dat is een tag die ik eigenlijk alleen maar gebruik om bepaalde tekst een opmaak te geven zonder dat hij van regel verandert.

http://jsfiddle.net/KBg8k/1/
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  dinsdag 5 juli 2011 @ 04:32:54 #113
298746 Dalando
18, niet meer gefrustreerd
pi_99052899
quote:
0s.gif Op dinsdag 5 juli 2011 04:32 schreef Dimens het volgende:
Credits naar Dalando voor het mede mogelijk maken van Fok! app. _O_
:@
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052900
quote:
7s.gif Op dinsdag 5 juli 2011 04:32 schreef Dalando het volgende:

[..]

Als je alleen de tekst wil doen dan kun je <span> gebruiken. Dat is een tag die ik eigenlijk alleen maar gebruik om bepaalde tekst een opmaak te geven zonder dat hij van regel verandert.

http://jsfiddle.net/KBg8k/1/
En wat als ik daar ook een plaatje bij wil gebruiken?
  dinsdag 5 juli 2011 @ 04:34:36 #115
298746 Dalando
18, niet meer gefrustreerd
pi_99052904
quote:
2s.gif Op dinsdag 5 juli 2011 04:33 schreef Dimens het volgende:

[..]

En wat als ik daar ook een plaatje bij wil gebruiken?
je kan <img> tags prima in <span> gebruiken, als je je dat afvraagt.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  dinsdag 5 juli 2011 @ 04:35:38 #116
298746 Dalando
18, niet meer gefrustreerd
pi_99052907
Ehrm, ik zie de lucht een beetje geel kleuren wat verderop... :D!
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052913
quote:
7s.gif Op dinsdag 5 juli 2011 04:35 schreef Dalando het volgende:
Ehrm, ik zie de lucht een beetje geel kleuren wat verderop... :D!
Bij mij licht blauw als ik naar buiten kijk.

Blauw _O_
  dinsdag 5 juli 2011 @ 04:38:46 #118
298746 Dalando
18, niet meer gefrustreerd
pi_99052916
Ik heb tot nu toe alleen nog maar oranje en rood gezien.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  dinsdag 5 juli 2011 @ 04:41:19 #119
298746 Dalando
18, niet meer gefrustreerd
pi_99052918
Huppa ik denk dat ik header.php zo een beetje af heb.

Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052919
quote:
7s.gif Op dinsdag 5 juli 2011 04:38 schreef Dalando het volgende:
Ik heb tot nu toe alleen nog maar oranje en rood gezien.
Het wilt niet lukken. ;(
Bekijk het streamingaanbod van PrimevideoANWB VerzekeringenFiverr - alle diensten vanaf 5 piek
  dinsdag 5 juli 2011 @ 04:41:39 #121
298746 Dalando
18, niet meer gefrustreerd
pi_99052921
quote:
0s.gif Op dinsdag 5 juli 2011 04:41 schreef Dimens het volgende:

[..]

Het wilt niet lukken. ;(
Wat is de code, en wat wil je bereiken.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052925
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21		<!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="Index.css">
<link href="Index.ico" rel="shortcut icon">
</head>

<body>
<div class="content">

<div class="icon"><img src="http://i.fokzine.net/s/emo.gif"/>
<span class="header"><img scr="http://i.imgur.com/6nzkn.png"/>
</span>
</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		@charset "utf-8";
/* CSS Document */

body {
    background:#FF9932;
}

.content {
    margin: 0 auto;
    width: 1000px;
    background:#F00;
}

.icon {
    padding-left: 50px;
    padding-top: 50px;
}

.header {
    padding-left:: 60px;
    padding-top: 50px;
}

Dat plaatje wil ik zeg maar naast icon krijgen.

[ Bericht 16% gewijzigd door #ANONIEM op 05-07-2011 04:43:47 ]
  dinsdag 5 juli 2011 @ 04:48:50 #123
298746 Dalando
18, niet meer gefrustreerd
pi_99052927
Problemen:

1; Je typte scr ipv src, daardoor laadde het plaatje niet goed.
2; Je gebruikt div's voor 1 plaatje. Overbodig, je kan ook de class toepassen op de img tag zelf.
3; Je gebruikt wat veel div's.

Nog een vraag, waarom gebruik je zoveel padding?
En ook nog een tip; Als je binnen een tag zit, gebruik dan de "tab" toets. net zoals je dat bij je css doet, doe dat ook bij je html.

Verbeterde code: http://jsfiddle.net/KBg8k/5/
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  dinsdag 5 juli 2011 @ 04:53:35 #124
298746 Dalando
18, niet meer gefrustreerd
pi_99052929
Dimens ben je achter je toetsenbord in slaap gevallen? Je bent zo stil.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052930
quote:
7s.gif Op dinsdag 5 juli 2011 04:53 schreef Dalando het volgende:
Dimens ben je achter je toetsenbord in slaap gevallen? Je bent zo stil.
Ik probeer hard en zo.
pi_99052933
Ik snap niet alles helemaal wat je zei. :')
  dinsdag 5 juli 2011 @ 04:56:23 #127
298746 Dalando
18, niet meer gefrustreerd
pi_99052934
quote:
0s.gif Op dinsdag 5 juli 2011 04:55 schreef Dimens het volgende:
Ik snap niet alles helemaal wat je zei. :')
Nou kijk, je deed een div met een class om een plaatje heen. Overbodig, je kan ook gewoon het plaatje die class geven.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052936
quote:
7s.gif Op dinsdag 5 juli 2011 04:56 schreef Dalando het volgende:

[..]

Nou kijk, je deed een div met een class om een plaatje heen. Overbodig, je kan ook gewoon het plaatje die class geven.
Hoe geef je een plaatje dan een class?

<img class="plaatje" src="linke naar plaatje"/>

Zo?
  dinsdag 5 juli 2011 @ 05:00:32 #129
298746 Dalando
18, niet meer gefrustreerd
pi_99052939
quote:
0s.gif Op dinsdag 5 juli 2011 04:58 schreef Dimens het volgende:

[..]

Hoe geef je een plaatje dan een class?

<img class="plaatje" src="linke naar plaatje"/>

Zo?
Precies zoals je hetzelfde met een div doet. Gewoon
1<img class="frietbestaatniet" src="link/naar/plaatje.jpg" alt="Plaatje.jpg" />

en dan in je css:

1
2
3		.frietbestaatniet {
    <je code hier>
}
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052940
Ik zie de fout die ik had gemaakt _O_

in class header had ik bij padding-left een : teveel.

Nu doet hij het wel zoals ik wil _O_
Hoesjes? Casetify!Boek je safari bij Beekse BergenSpeel mee met Lucky Day en win!
  dinsdag 5 juli 2011 @ 05:01:19 #131
298746 Dalando
18, niet meer gefrustreerd
pi_99052942
quote:
0s.gif Op dinsdag 5 juli 2011 05:00 schreef Dimens het volgende:
Ik zie de fout die ik had gemaakt _O_

in class header had ik bij padding-left een : teveel.

Nu doet hij het wel zoals ik wil _O_
Haha, ik zie het nu ook! :o
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052943
quote:
7s.gif Op dinsdag 5 juli 2011 05:00 schreef Dalando het volgende:

[..]

Precies zoals je hetzelfde met een div doet. Gewoon
[ code verwijderd ]

en dan in je css:
[ code verwijderd ]

Alt="plaatje.jpg" is niet nodig toch, alleen voor als je met je muis overheen gaat je naam ziet? :o
  dinsdag 5 juli 2011 @ 05:02:39 #133
298746 Dalando
18, niet meer gefrustreerd
pi_99052944
quote:
0s.gif Op dinsdag 5 juli 2011 05:02 schreef Dimens het volgende:

[..]

Alt="plaatje.jpg" is niet nodig toch, alleen voor als je met je muis overheen gaat je naam ziet? :o
alt is een verplichte attribute van de <img> tag. Je MOET die erbij doen anders is je pagina niet w3 valid.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052947
quote:
7s.gif Op dinsdag 5 juli 2011 05:02 schreef Dalando het volgende:

[..]

alt is een verplichte attribute van de <img> tag. Je MOET die erbij doen anders is je pagina niet w3 valid.
Ik snap niet wat het doet!
  dinsdag 5 juli 2011 @ 05:07:24 #135
298746 Dalando
18, niet meer gefrustreerd
pi_99052949
quote:
2s.gif Op dinsdag 5 juli 2011 05:05 schreef Dimens het volgende:

[..]

Ik snap niet wat het doet!
Als je plaatje het voor een een of andere rede niet doet, krijg je zo'n kruisje te zien met wat tekst. Die tekst bepaal je dmv. die alt tag. alt staat dan (volgensmij) dan ook voor alternative. Maar bij iedere <img> tag die je gebruikt hoort een alt. Anders voldoet die pagina gewoon niet aan de w3 eisen.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  dinsdag 5 juli 2011 @ 05:08:42 #136
298746 Dalando
18, niet meer gefrustreerd
pi_99052950
De juiste code van wat ik tot nu toe van je heb is dit: http://jsfiddle.net/KBg8k/6/
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  dinsdag 5 juli 2011 @ 05:08:47 #137
344885 MajorTom.
kkharde shine
pi_99052951
You're travelling through another dimension, a dimension not only of sight and sound but of mind; a journey into a wondrous land whose boundaries are that of imagination—next stop, the Twilight Zone!
pi_99052952
quote:
7s.gif Op dinsdag 5 juli 2011 05:07 schreef Dalando het volgende:

[..]

Als je plaatje het voor een een of andere rede niet doet, krijg je zo'n kruisje te zien met wat tekst. Die tekst bepaal je dmv. die alt tag. alt staat dan (volgensmij) dan ook voor alternative. Maar bij iedere <img> tag die je gebruikt hoort een alt. Anders voldoet die pagina gewoon niet aan de w3 eisen.
Oké dankjewel.

Maar het is licht buiten en ik ben erg moe nu. :')
Ik ben slapen, trusten. :*

Nogmaals heel erg bedank. _O_
  dinsdag 5 juli 2011 @ 05:10:20 #139
298746 Dalando
18, niet meer gefrustreerd
pi_99052955
quote:
10s.gif Op dinsdag 5 juli 2011 05:09 schreef Dimens het volgende:

[..]

Oké dankjewel.

Maar het is licht buiten en ik ben erg moe nu. :')
Ik ben slapen, trusten. :*

Nogmaals heel erg bedank. _O_
Ik ga ook eens slapen :') :W Als je vragen hebt, stuur me maar via PM of vraag het in [html, css, js] voor dummies #17

:W!
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_99052962
Ik zal eraan denken.
Fiverr - alle diensten vanaf 5 piekDe beste bordspellen vind je bij 999 GamesDe beste bordspellen vind je bij 999 Games
  dinsdag 5 juli 2011 @ 07:47:27 #141
267547 smegmanus
FOK! ambassadeur
pi_99053377
O hoi.
Op donderdag 15 januari 2015 19:01 schreef Maanvis het volgende:
smegmanus is de as van het kwaad. een verbrand stukje Hitler.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
Nachtbagger #hex - met techtalk en onz
Index

» onzin voor je leven!

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