Deze website maken zonder ervaring, kan dat?

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  vrijdag 21 december 2007 @ 22:57:05 #26
136427 Nellid
TRAINSPOTTING
pi_55452303
quote:
Op vrijdag 21 december 2007 22:30 schreef WyriHaximus het volgende:

[..]

Ja dit idee dus een beetje .
[ afbeelding ]


Ik moet zeggen dat ik al redelijk wat heb, krijg er zelfs muziek op Wel meteen ff een training gedownload, wordt t wel simpel uitgelegd...

Maar goed, met divjes ( ) aan de gang dus. Zal eens even kijken of dat gaat lukken.
  zaterdag 22 december 2007 @ 00:32:53 #27
136427 Nellid
TRAINSPOTTING
pi_55455186
quote:
Op vrijdag 21 december 2007 19:33 schreef Swetsenegger het volgende:
verschillende divjes gebruiken (en geen tabellen) en de ruimte kan je creëren door padding toe te voegen.
Hmm, misschien een goede tutorial over die divjes? Kan er geen wijs uit worden...

Inmiddels padding wel gevonden maar als ik dat toe pas in mn CSS sheet dan stopt ie overal 20px tussen, dus ook tussel alle buttons enzo. Dat is niet de bedoeling, kan ik het ook toe passen op alleen het stukje tekst? (ja natuurlijk, maar hoe dus )

Bedankt weer.
pi_55455974
quote:
Op vrijdag 21 december 2007 22:30 schreef WyriHaximus het volgende:

[..]

Ja dit idee dus een beetje .
[ afbeelding ]
het is gewoon niet eens grappig ....
gewoon zielig dat mensen dit verzinnen...

zeker gemaakt door een W3C fetishist?
pi_55457305
quote:
Op zaterdag 22 december 2007 00:57 schreef mschol het volgende:

[..]

het is gewoon niet eens grappig ....
gewoon zielig dat mensen dit verzinnen...

zeker gemaakt door een W3C fetishist?
Nou ik ben het er anders wel mee eens. Al ben ik over het algemeen iets meer bezig met het schelden.
"Reality is an illusion created by a lack of alcohol."
  FOK!-Schrikkelbaas zaterdag 22 december 2007 @ 09:12:14 #30
1972 Swetsenegger
Egocentrische Narcist
pi_55458579
quote:
Op zaterdag 22 december 2007 00:32 schreef Nellid het volgende:

[..]

Hmm, misschien een goede tutorial over die divjes? Kan er geen wijs uit worden...
handleidinghtml.nl legt het goed uit.
quote:
Inmiddels padding wel gevonden maar als ik dat toe pas in mn CSS sheet dan stopt ie overal 20px tussen, dus ook tussel alle buttons enzo. Dat is niet de bedoeling, kan ik het ook toe passen op alleen het stukje tekst? (ja natuurlijk, maar hoe dus )

Bedankt weer.
Door je tekst in een aparte div te stoppen, kan je alleen op dat 'block element' een padding toepassen.

Heel kort, je hebt inline elementen en block elementen. Daarmee bouw je een website op. Je volledige content staat in een block element. In dat block element kan je natuurlijk andere block elementen nesten, waardoor je bv een plaatje op elke positie in je tekst kan zetten. Met inline elementen kan je binnen dat block element bv een stuk tekst bold maken.

block elementen zijn bv <div> & <p>. Inline elementen zijn bv <span> en <a>
 | FOK! Schrikkelbaasch
  zaterdag 22 december 2007 @ 12:08:07 #31
136427 Nellid
TRAINSPOTTING
pi_55460472
quote:
Op zaterdag 22 december 2007 09:12 schreef Swetsenegger het volgende:

[..]

handleidinghtml.nl legt het goed uit.
[..]

Door je tekst in een aparte div te stoppen, kan je alleen op dat 'block element' een padding toepassen.

Heel kort, je hebt inline elementen en block elementen. Daarmee bouw je een website op. Je volledige content staat in een block element. In dat block element kan je natuurlijk andere block elementen nesten, waardoor je bv een plaatje op elke positie in je tekst kan zetten. Met inline elementen kan je binnen dat block element bv een stuk tekst bold maken.

block elementen zijn bv <div> & <p>. Inline elementen zijn bv <span> en <a>
Thanx!

Aleen ik gebruik nu dreamweaver en eigenlijk doe ik niks met html, zag wel dat je een div in kon voegen in dreamweaver maar t lukt me niet dat ding op de goede plek te krijgen Maar we gaan er weer mee verder...
  FOK!-Schrikkelbaas zaterdag 22 december 2007 @ 12:20:51 #32
1972 Swetsenegger
Egocentrische Narcist
pi_55460705
quote:
Op zaterdag 22 december 2007 12:08 schreef Nellid het volgende:

[..]

Thanx!

Aleen ik gebruik nu dreamweaver en eigenlijk doe ik niks met html, zag wel dat je een div in kon voegen in dreamweaver maar t lukt me niet dat ding op de goede plek te krijgen Maar we gaan er weer mee verder...
En dat is de reden waarom dreamweaver zuigt voor beginners. wat mij betreft zijn sleur en pleur omgevingen JUIST voor gevorderde gebruikers, die weten hoe ze de boel kunnen rechtzetten als dreamweaver er weer eens een zooi van maakt.
 | FOK! Schrikkelbaasch
  maandag 24 december 2007 @ 22:52:01 #33
136427 Nellid
TRAINSPOTTING
pi_55523249
Ik heb nu alles in divjes staan en t gaat best redelijk moet ik zeggen

Ik krijg alleen die divjes niet gecentreerd op de pagina. Al die losse elementen heb ik dus in divjes gezet (de buttons en jpegs) maar ze staan nu allemaal linksbovenin en ik krijg ze niet gecentreerd, heb ook geen optie align ofzo. Iemand die me uit kan leggen hoe ik dat moet doen? Het zijn die AP divs, mag toch hopen dat ik die wel kan verplaatsen
  FOK!-Schrikkelbaas maandag 24 december 2007 @ 22:55:23 #34
1972 Swetsenegger
Egocentrische Narcist
pi_55523348
quote:
Op maandag 24 december 2007 22:52 schreef Nellid het volgende:
Ik heb nu alles in divjes staan en t gaat best redelijk moet ik zeggen

Ik krijg alleen die divjes niet gecentreerd op de pagina. Al die losse elementen heb ik dus in divjes gezet (de buttons en jpegs) maar ze staan nu allemaal linksbovenin en ik krijg ze niet gecentreerd, heb ook geen optie align ofzo. Iemand die me uit kan leggen hoe ik dat moet doen? Het zijn die AP divs, mag toch hopen dat ik die wel kan verplaatsen
Nesten.
Dus je maakt een container div waar je de rest ingooit. Overigens zou ik niet voor elke knop een aparte div maken. Je maakt gewoon een menu div.
 | FOK! Schrikkelbaasch
  maandag 24 december 2007 @ 22:59:23 #35
136427 Nellid
TRAINSPOTTING
pi_55523456
quote:
Op maandag 24 december 2007 22:55 schreef Swetsenegger het volgende:

[..]

Nesten.
Dus je maakt een container div waar je de rest ingooit. Overigens zou ik niet voor elke knop een aparte div maken. Je maakt gewoon een menu div.
Dat wilde ik ook doen, maar dat lukt niet (alles in 1 div).

Hoe doe ik dat nesten? Want wat me tot nu toe is gelukt is dat ik een div heb die precies om alle andere divs heen staat maar die erboven hangt zeg maar en leeg is (als ik die dus verplaats verplaats ik alleen de div en alles dat "erin" staat blijft gewoon staan. De div die ik verplaats is dus leeg... Hoe krijg ik alles in die ene div?

Een menu div? Tsja, heb nu alles al los Is niet zo heel veel gelukkig.

Wat ik nu dus heb is dit:

klik
  FOK!-Schrikkelbaas maandag 24 december 2007 @ 23:22:43 #36
1972 Swetsenegger
Egocentrische Narcist
pi_55524086
quote:
Op maandag 24 december 2007 22:59 schreef Nellid het volgende:

[..]

Hoe doe ik dat nesten? Want wat me tot nu toe is gelukt is dat ik een div heb die precies om alle andere divs heen staat maar die erboven hangt zeg maar en leeg is (als ik die dus verplaats verplaats ik alleen de div en alles dat "erin" staat blijft gewoon staan. De div die ik verplaats is dus leeg... Hoe krijg ik alles in die ene div?
1
2
3
4		<div id="container" style="width:750px;margin:auto 0">
     <div>iets</div>
     <div>iets anders</div>
</div>
quote:
Een menu div? Tsja, heb nu alles al los :) Is niet zo heel veel gelukkig.

Wat ik nu dus heb is dit:

klik
Je moet het zelf weten, maar het wordt minder hanteerbaar.
 | FOK! Schrikkelbaasch
pi_55524188
Persoonlijk vind ik deze zooi onsamenhangende absoluut gepositioneerde divjes niet totaal "beter", "mooier" of "handiger" dan een tabel. Maar laat dat je vooral niet tegenhouden
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  maandag 24 december 2007 @ 23:26:49 #38
136427 Nellid
TRAINSPOTTING
pi_55524192
quote:
Op maandag 24 december 2007 23:22 schreef Swetsenegger het volgende:

[..]
[ code verwijderd ]

[..]

Je moet het zelf weten, maar het wordt minder hanteerbaar.
Thanx.

Maar ik heb nu alles al, het is in feite af (behalve die kut muziek) Dus dan kan ik het toch net zo goed zo laten? De volgende keer zal ik dan de menu optie gebruiken maar voorlopig kijk ik eerst wel even of t zo kan blijven
  maandag 24 december 2007 @ 23:29:42 #39
136427 Nellid
TRAINSPOTTING
pi_55524275
quote:
Op maandag 24 december 2007 23:26 schreef SuperRembo het volgende:
Persoonlijk vind ik deze zooi onsamenhangende absoluut gepositioneerde divjes niet totaal "beter", "mooier" of "handiger" dan een tabel. Maar laat dat je vooral niet tegenhouden
Joh, ik ben al blij dat ik heb wat ik heb

Wilde trouwens ook uiteindelijk tabellen gebruiken met de tracing image functie maar ik kreeg mn image niet exact getraced, dat lukte gewoon echt niet. Daarna met tracing image ap divjes gemaakt en dat lukte wel, vandaar divjes.

Ik had voor een tabel gekozen omdat ik die volgens mij wel in 1 keer had kunnen centreren op de pagina...
pi_55524384
quote:
Op maandag 24 december 2007 23:29 schreef Nellid het volgende:
Ik had voor een tabel gekozen omdat ik die volgens mij wel in 1 keer had kunnen centreren op de pagina...
Dat maakt niet zo gek veel veel verschil.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  maandag 24 december 2007 @ 23:36:14 #41
136427 Nellid
TRAINSPOTTING
pi_55524453
hmm, lukt niet :) Zal wel iets fout doen...

Heb nu dit bij mn indexpagina:

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		<?php
<!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>Welkom bij dichterbij!</title>
<style type="text/css">
<!--
#apDiv1 {
    position:absolute;
    left:563px;
    top:15px;
    width:133px;
    height:26px;
    z-index:1;
}
#apDiv2 {
    position:absolute;
    left:563px;
    top:0px;
    width:133px;
    height:41px;
    z-index:1;
}
#apDiv3 {
    position:absolute;
    left:563px;
    top:41px;
    width:133px;
    height:51px;
    z-index:2;
}
#apDiv4 {
    position:absolute;
    left:563px;
    top:92px;
    width:133px;
    height:41px;
    z-index:3;
}
#apDiv5 {
    position:absolute;
    left:0px;
    top:0px;
    width:133px;
    height:133px;
    z-index:4;
}
#apDiv6 {
    position:absolute;
    left:0px;
    top:133px;
    width:133px;
    height:68px;
    z-index:5;
}
#apDiv7 {
    position:absolute;
    left:0px;
    top:201px;
    width:133px;
    height:65px;
    z-index:6;
}
#apDiv8 {
    position:absolute;
    left:133px;
    top:0px;
    width:430px;
    height:133px;
    z-index:7;
}
#apDiv9 {
    position:absolute;
    left:133px;
    top:133px;
    width:172px;
    height:45px;
    z-index:8;
}
#apDiv10 {
    position:absolute;
    left:133px;
    top:178px;
    width:172px;
    height:88px;
    z-index:9;
}
#apDiv11 {
    position:absolute;
    left:305px;
    top:133px;
    width:258px;
    height:151px;
    z-index:10;
}
#apDiv12 {
    position:absolute;
    left:0px;
    top:0px;
    width:133px;
    height:133px;
    z-index:11;
}
#apDiv13 {
    position:absolute;
    left:133px;
    top:0px;
    width:430px;
    height:133px;
    z-index:12;
}
#apDiv14 {
    position:absolute;
    left:133px;
    top:133px;
    width:172px;
    height:45px;
    z-index:13;
}
#apDiv15 {
    position:absolute;
    left:133px;
    top:178px;
    width:172px;
    height:88px;
    z-index:14;
}
#apDiv16 {
    position:absolute;
    left:0px;
    top:201px;
    width:133px;
    height:65px;
    z-index:15;
}
#apDiv17 {
    position:absolute;
    left:0px;
    top:133px;
    width:133px;
    height:68px;
    z-index:16;
}
-->
</style>
</head>

<div id="container" style="width:750px;margin:auto 0">
    <body tracingsrc="assets/layout_index.jpg" tracingopacity="65" tracingx="0" tracingy="0">
    <div id="apDiv2"><img src="images/home.jpg" width="133" height="41" /></div>
    <div id="apDiv3"><a href="dichterbij.html"><img src="images/dichterbij.jpg" width="133" height="51" border="0" /></a></div>
    <div id="apDiv4"><a href="contact.html"><img src="images/contact.jpg" width="133" height="45" border="0" /></a></div>
    <div id="apDiv11"><img src="images/logo.jpg" width="258" height="151" /></div>
    <div id="apDiv12"><img src="images/gedicht.jpg" width="133" height="133" /></div>
    <div id="apDiv13"><img src="images/foto_header.jpg" width="430" height="133" /></div>
    <div id="apDiv14"><a href="agenda.html"><img src="images/agenda.jpg" width="172" height="45" border="0" /></a></div>
    <div id="apDiv15"><img src="images/upcoming.jpg" width="172" height="88" /></div>
    <div id="apDiv16"><a href="fotoalbum.html"><img src="images/fotoalbum.jpg" width="133" height="65" border="0" /></a></div>
    <div id="apDiv17"><a href="muziek.html"><img src="images/muziek.jpg" width="133" height="68" border="0" /></a></div>
</div>
</body>
</html>
?>
  FOK!-Schrikkelbaas maandag 24 december 2007 @ 23:36:47 #42
1972 Swetsenegger
Egocentrische Narcist
pi_55524472
tering
 | FOK! Schrikkelbaasch
  maandag 24 december 2007 @ 23:38:55 #43
136427 Nellid
TRAINSPOTTING
pi_55524523
quote:
Op maandag 24 december 2007 23:36 schreef Swetsenegger het volgende:
tering
haha.

Ik dacht al dat ik zo'n antwoord zou krijgen

Onthou ff dat t mn eerste website ooit is he Nog nooit iets met html gedaan...
  FOK!-Schrikkelbaas maandag 24 december 2007 @ 23:38:57 #44
1972 Swetsenegger
Egocentrische Narcist
pi_55524526
Overigens staat je body binnen de container div. Das niet de bedoeling.

1
2
3		</head>
<body tracingsrc="assets/layout_index.jpg" tracingopacity="65" tracingx="0" tracingy="0">
<div id="container" style="width:750px;margin:auto 0">
 | FOK! Schrikkelbaasch
pi_55524553
doe ff kappuh met die onnodige 'position:absolute;'

en gebruik gewoon relatieve positionering
  FOK!-Schrikkelbaas maandag 24 december 2007 @ 23:42:11 #46
1972 Swetsenegger
Egocentrische Narcist
pi_55524608
quote:
Op maandag 24 december 2007 23:39 schreef devvertje het volgende:
doe ff kappuh met die onnodige 'position:absolute;'

en gebruik gewoon relatieve positionering
De jongen weet net wat html is. Geef dan gelijk een relevant voorbeeld.
 | FOK! Schrikkelbaasch
  maandag 24 december 2007 @ 23:42:45 #47
136427 Nellid
TRAINSPOTTING
pi_55524620
quote:
Op maandag 24 december 2007 23:39 schreef devvertje het volgende:
doe ff kappuh met die onnodige 'position:absolute;'

en gebruik gewoon relatieve positionering
oh ja, natuurlijk.

ik weet niet eens wat t verschil is
  maandag 24 december 2007 @ 23:45:35 #48
136427 Nellid
TRAINSPOTTING
pi_55524693
quote:
Op maandag 24 december 2007 23:38 schreef Swetsenegger het volgende:
Overigens staat je body binnen de container div. Das niet de bedoeling.
[ code verwijderd ]
Zo heb ik m nu staan ja, maar waar vul ik precies welke marges in om m in t midden van de pagina te krijgen? Dus left, top en right...

En bedankt nog
pi_55524695
www.google.com

zoek ff op "CSS positioning", het spijt me dat ik je overschat heb TS
  FOK!-Schrikkelbaas maandag 24 december 2007 @ 23:46:58 #50
1972 Swetsenegger
Egocentrische Narcist
pi_55524720
quote:
Op maandag 24 december 2007 23:42 schreef Nellid het volgende:

[..]

oh ja, natuurlijk.

ik weet niet eens wat t verschil is
Bij relatieve positionering, wordt elk element relatief tov de voorgaande geplaatst.
Dus "top:10px;" zal het element bij absolute positionering 10 pixels vanaf de top van je browserscherm (het canvas) zetten en bij relatieve positionering 10 pixels vanaf de onderzijde van het voorgaande element.
 | FOK! Schrikkelbaasch
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
Deze website maken zonder ervaring, kan dat?
Index

» digital corner

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