300px naast center
Kaniemand mij helpen?
position: absolute;
left: -300px;
}
Ik heb geen flauw idee waarover je het hebt, kan je wat duidelijker zijn?
Op de webstie www.markvoorttry.nl staat de mooie plaatje bovenaan precies center.
maar ik wou hem graag 300pixels naar links zetten kan dit en wat is de simpelste code?
Verder is het niet handig om tabellen te gebruiken voor de lay-out, ze zijn daar ook niet voor bedoeld.
Maar weet je dan misschien het antwoord op mijn vraag?
Ga eerst wat doen aan je HTML, voordat je je gaat bezighouden met de positionering van je contentgedeelte.
mag ik misschien antwoord op m'n vraag? zeg nee ik snap het.
Dit:
is niet de html van die pagina.
En zit ook niet vol met fouten...
Ook is er geen probleem...
Code (php)
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
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 PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Index</title>
</head>
<body style="width: 900px; color: rgb(0, 0, 0); background-color: rgb(51, 51, 51);" align="center" alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: center; width: 1632px;"><img style="width: 900px; height: 199px;" alt="" src="Header.jpg"><br>
<table style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0); width: 900px; height: 49px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="background-color: rgb(0, 0, 0);"><strong></strong><br>
</td>
</tr>
</tbody>
</table>
<br>
</div>
</body>
</html>
<p align="center"><html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(51, 51, 51);"
alink="#000099" link="#000099" vlink="#990099">
<table
style="width: 896px; height: 600px; text-align: left;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height: 530px; background-color: rgb(0, 0, 0);"></td>
</tr>
</tbody>
</table>
<br>
</body>
</html></p>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>ok</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(51, 51, 51);" align="center" alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: center;"><br>
</div>
<div style="text-align: left;">
<div style="text-align: center;"><br>
</div>
<div style="width: 1581px; text-align: center;"><img style="width: 293px; height: 100px;" alt="" src="banner.jpg"></div>
</div>
</body>
</html>
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Index</title>
</head>
<body style="width: 900px; color: rgb(0, 0, 0); background-color: rgb(51, 51, 51);" align="center" alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: center; width: 1632px;"><img style="width: 900px; height: 199px;" alt="" src="Header.jpg"><br>
<table style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0); width: 900px; height: 49px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="background-color: rgb(0, 0, 0);"><strong></strong><br>
</td>
</tr>
</tbody>
</table>
<br>
</div>
</body>
</html>
<p align="center"><html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(51, 51, 51);"
alink="#000099" link="#000099" vlink="#990099">
<table
style="width: 896px; height: 600px; text-align: left;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height: 530px; background-color: rgb(0, 0, 0);"></td>
</tr>
</tbody>
</table>
<br>
</body>
</html></p>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>ok</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(51, 51, 51);" align="center" alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: center;"><br>
</div>
<div style="text-align: left;">
<div style="text-align: center;"><br>
</div>
<div style="width: 1581px; text-align: center;"><img style="width: 293px; height: 100px;" alt="" src="banner.jpg"></div>
</div>
</body>
</html>
Dit levert een aantal vragen op:
- waarom inline styling en geen stylesheet?
- waarom twee keer een html tag openen?
Het antwoord op je vraag is dit:
margin: 0 auto;
left: -300px;
En niet die center tags gebruiken.
Gewijzigd op 17/12/2010 19:08:17 door Justin S
Stefan groot op 17/12/2010 18:57:36:
Dit is ook niet mijn site:P
Maar ik zou het erg leuk vinden als ik een antwoord zou krijgen.
Maar wat ik graag zou willen is hoe ik een plaatje 300px links van m'n center zou zetten.
Toevoeging op 17/12/2010 19:10:23:
Ik adviseer hem vast wel als ik m'n antwoord maar zou krijgen, zou ik erg blij mee zijn.
Toevoeging op 17/12/2010 19:11:20:
sorry en hartstikke bedankt justin;)
kom hier voorlopig niet meer.
stefan groot:
kom hier voorlopig niet meer.
Snel op je teentjes getrapt?
Als jij een vraag niet duidelijk stelt kunnen wij niks anders doen dan raden...
En kijk eens naar margin/padding. Of naar het voorbeeld van karl.
waarom is je pagina trouwens zo breed??
ik zou je pagina minder breed maken en gewoon ongeveer kijken waar je je banner wilt,
en dan gewoon wat uitproberen met "style:position-left='200px'"
zoiets iets zou je in de imagetags kunnen verwerken, heb je ook geen css nodig..
Gewijzigd op 17/12/2010 20:03:18 door Jason van der Zeeuw
Jason van der Zeeuw:
zoiets iets zou je in de imagetags kunnen verwerken, heb je ook geen css nodig..
1) Dit is CSS
2) Inline CSS is slecht. Je moet dit in 1 stylesheet zetten en die inladen.
3) postion-left?? Dat zal nooit werken.
1) Stel je het "centrum punt" van een pagina voor, hij wil een afbeelding die start als je 300 pixels van dit punt naar links beweegt
2) De site die hij heeft opgegeven was om uit te leggen wat hij bedoelde met het "centrum punt" - Het is totaal niet zijn code, wat hij zelf ook al heeft duidelijk gemaakt. Waarom blijven jullie er dan zo op doordrammen?
Geen wonder dat hij op zijn teentjes is getrapt, als mensen 13 posts lang geen moeite nemen om hem te begrijpen....
Het antwoord op zijn vragen moet ik helaas schuldig blijven.
Gewijzigd op 17/12/2010 20:21:29 door Fromzon ngl
Wouter J op 17/12/2010 20:09:26:
2) Inline CSS is slecht. Je moet dit in 1 stylesheet zetten en die inladen.
Stylesheet is ook nog is hartstikke effectief.
Anders moet je het in 30 pagina's veranderen..
Met een stylesheet doe je alles in één keer.
Wouter J:
En kijk eens naar margin/padding. Of naar het voorbeeld van karl.
En vul eens bij margin-left een negatieve margin in en wat krijg je?