PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
w

text aanpassen

Door web op 07-01-2009 21:49
2.218 views
hallo allemaal,

ik heb via dreamweaver cs 3 volgende web gemaakt:


<!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>&nbsp;</p>
    <p>&nbsp;</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&#8212;it's no secret that we want them too. However, the dev/design crew brings.</p>
      <p>&nbsp;</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,
L
Leen M
07-01-2009 22:37
met
#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
w
web
07-01-2009 22:45
ah, ok... is dit in Dreamweaver te vinden of moet ik het zo in programmen???
L
Leen M
07-01-2009 22:48
Je kan de css zelfs met notepad aanpassen als je dat bedoelt.
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.
w
web
07-01-2009 23:01
hm, niet gelukt... kun je die css code van boven overnemen en dat erbij zetten??? ik zie het niet hoe ik dat erin moet zetten namelijk...
L
Leen M
07-01-2009 23:07
Als je het volgende plakt op de plaats van #leftColumn

#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;
}

Bij margin-bottom van #leftColumn moet je invullen welke waarde je wilt.
w
web
07-01-2009 23:11
ah, ik zie al wat ik fout heb gedaan elke keer... p{ ipv p {

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
L
Leen M
07-01-2009 23:20
volgens mij maakt het niets uit of er een spatie tussen de accolade en de p zit of niet, maar ik kan het mis hebben...
w
web
09-01-2009 12:23
oh idd, getest werkt prima...

w
web
09-01-2009 13:43
Ik had alsnog een vraagje.

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> ???

Reageren

Inloggen om te reageren