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_
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. ;(
  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.
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')