Nachtbagger #hex - met techtalk en onz

Index

» onzin voor je leven!

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  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!Speel mee met Lucky Day en win!Bekijk het streamingaanbod van Primevideo
  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.
De beste bordspellen vind je bij 999 GamesBig Fish GamesBunq - bank of the free
  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')