text aanpassen
ik heb via dreamweaver cs 3 volgende web gemaakt:
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
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
<!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>Untitled Document</title>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
background-image: url(images/bg_smoodstick.jpg);
}
#wrapper {
text-align: center;
width: 950px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(images/bg_container.jpg);
}
#header {
margin-top: 0px;
}
#content {
margin: 0px;
padding: 0px;
}
#footer {
margin-top: 12px;
clear: both;
background-image: url(images/bg_footer.jpg);
height: 40px;
}
#logo {
height: 71px;
padding-bottom: 12px;
background-image: url(images/bg_header.jpg);
}
.sitemap {
text-align: right;
vertical-align: bottom;
}
#sitemap {
width: 950px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#nav {
height: 28px;
background-image: url(images/bg_container.jpg);
}
#banner {
height: 200px;
background-image: url(images/bg_container.jpg);
}
#leftColumn {
float: left;
width: 365px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-variant: normal;
color: #66CC00;
text-align: left;
clip: rect(auto,auto,auto,auto);
}
#rightColumn {
float: right;
width: 365px;
}
-->
</style>
</head>
<body>
<div id="sitemap">
<div align="right" class="style1">zzzzzz</div>
</div>
<div id="wrapper">
<div id="header">
<div id="logo"></div>
<div id="nav">nav bar</div>
</div>
<div id="banner">
<p> </p>
<p> </p>
<p>banner</p>
</div>
<div id="content">
<div id="leftColumn">
<p>We know that you have many companies are vying for your attention and your hard-earned dollars—it's no secret that we want them too. However, the dev/design crew brings.</p>
<p> </p>
</div>
<div id="rightColumn">right</div>
</div>
<div id="footer">ddddd</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
background-image: url(images/bg_smoodstick.jpg);
}
#wrapper {
text-align: center;
width: 950px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(images/bg_container.jpg);
}
#header {
margin-top: 0px;
}
#content {
margin: 0px;
padding: 0px;
}
#footer {
margin-top: 12px;
clear: both;
background-image: url(images/bg_footer.jpg);
height: 40px;
}
#logo {
height: 71px;
padding-bottom: 12px;
background-image: url(images/bg_header.jpg);
}
.sitemap {
text-align: right;
vertical-align: bottom;
}
#sitemap {
width: 950px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#nav {
height: 28px;
background-image: url(images/bg_container.jpg);
}
#banner {
height: 200px;
background-image: url(images/bg_container.jpg);
}
#leftColumn {
float: left;
width: 365px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-variant: normal;
color: #66CC00;
text-align: left;
clip: rect(auto,auto,auto,auto);
}
#rightColumn {
float: right;
width: 365px;
}
-->
</style>
</head>
<body>
<div id="sitemap">
<div align="right" class="style1">zzzzzz</div>
</div>
<div id="wrapper">
<div id="header">
<div id="logo"></div>
<div id="nav">nav bar</div>
</div>
<div id="banner">
<p> </p>
<p> </p>
<p>banner</p>
</div>
<div id="content">
<div id="leftColumn">
<p>We know that you have many companies are vying for your attention and your hard-earned dollars—it's no secret that we want them too. However, the dev/design crew brings.</p>
<p> </p>
</div>
<div id="rightColumn">right</div>
</div>
<div id="footer">ddddd</div>
</div>
</body>
</html>
ik zal later wel alles in main.css ...
maar nu wil ik dat mijn text niet helemaal tegen de rand begint bij leftColum maar sprong maakt van 1 cm... dus als ik nieuwe regel enter dat het ook weer 1 cm ver is van de rand...
moet ik daarvoor nieuwe div aanmaken of kan ik het ergens instellen???
en is het ook mogelijk bij div om text helemaal onderaan te zetten? zo ja hoe? ben al een tijdje bezig maar lukt me niet...
samengevat:
text in leftcolum begint met 1 cm sprong van de rand en helemaal onderaan!
tnx,
Hoe bedoel je 'helemaal onderaan' precies? Die vat ik namelijk niet...
stel voor dat die leftcolum 36 px is, dat de text niet bovenaan begint maar onderaan.. zeg maar bottom!
#leftColumn {
padding-left: 1cm;
}
#leftColumn {
padding: auto auto 0px 1cm;
}
Zou dat werken?
snap het niet :S
margin-bottom: 0px;
}
werkt bij mij
EDIT:
let op: er staat ook nog <p> </p>, als je het bekijkt als deze paragraaf onder de tekst staat, blijft de tekst een stukje van de onderkant vandaan omdat deze p ook plaats inneemt
Gewijzigd op 01/01/1970 01:00:00 door Leen M
ik snap het al... er moet een nieuwe css regel aangemaakt worden voor de text en die al class toepassen... het werkt niet al je het in geheel div wilt toepassen...
tnx :)
Niet Bumpen::
Twee of meer keer achter elkaar in een topic posten heet bumpen. Bumpen is pas na 24 uur toegestaan en kan een reden zijn voor de admins en moderators om een topic te sluiten. Gebruik indien nodig de 
knop om je tekst aan te passen.
SanThe.
knop om je tekst aan te passen.SanThe.
Gewijzigd op 01/01/1970 01:00:00 door web
#leftColumn p {
margin-bottom: 0px;
}
hiermee verander je de margin van het p element, niet van de leftColumn.
Als de leftColumn meeschuift moet je deze ook een margin-bottom geven, dan heeft hij weer afstand tot de footer. de afstand van leftColumn tot footer is nog niet gedefinieerd blijkbaar
Iets geavanceerder progje kan ook, maar dat hoeft geen dreamweaver te zijn.
EDIT:
Ik zie dat je Dreamweaver gebruikt. Je kan met dreamweaver gewoon de css openen en aanpassen.
Gewijzigd op 01/01/1970 01:00:00 door Leen M
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#leftColumn {
float: left;
width: 365px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-variant: normal;
color: #66CC00;
text-align: left;
clip: rect(auto,auto,auto,auto);
margin-bottom: 20px;
}
#leftColumn p {
margin-bottom: 0px;
}
float: left;
width: 365px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-variant: normal;
color: #66CC00;
text-align: left;
clip: rect(auto,auto,auto,auto);
margin-bottom: 20px;
}
#leftColumn p {
margin-bottom: 0px;
}
Bij margin-bottom van #leftColumn moet je invullen welke waarde je wilt.
jammer dat zoiets ook niet geautomatiseerd is in dreamweaver... dmv selectie of zo :-)
ik dank je zeer voor je moeite... dit kan ik zo gemakkelijk toepassen op elke column :-)
slpz
Wat is het meest gebruikelijk in webdesignen:
- Text aangeven als h1,h2 ... h etc en dan via CSS, tag h1 declaleren
of
- Text stylen door CSS klasse aan te maken en die op text toe te passen???
EDIT:
slaat de p uit: #leftColumn p {
margin-bottom: 0px;
}
op <p> ???
Gewijzigd op 01/01/1970 01:00:00 door web