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,
Niet Bumpen: Herhaling

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.

En het verwijderen van zo'n waarschuwing wordt niet op prijs gesteld.
oh ok, maar nadeel van iets editen is dat de datum van laatstgeplaatste bericht niet wijzigt naar geedit datum...

maar goed, ik zal erop letten ;-)
web schreef op 09.01.2009 13:43
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???
Beide. Gebruik de HTML tags waarvoor ze bedoeld zijn en maak ze vervolgens op dmv CSS. Dus de h-tags gebruik je voor headings en de p-tags voor alinea's met tekst.

Op die manier weten zoekmachines (die niets met de CSS van doen hebben) ook wat voor soorten tekst er op jouw pagina staan en kunnen ze de waarde/belangrijkheid ervan inschatten (<h1> is belangrijker dan <p>).

slaat de p uit: #leftColumn p {
margin-bottom: 0px;
}

op <p> ???
Jazeker en wel enkel de <p> tags in het element met id 'leftColumn'.
ok, dus zo veel mogelijk met headings en paragraphs werken...


Jazeker en wel enkel de <p> tags in het element met id 'leftColumn'.


is dit ook in te voeren in Dreamweaver cs 3 via css eigenschappen of moet ik het appart "programmeren" in main.css???
Ik denk dat dat wel gaat via dat schermpje css eigenschappen. Als je de paragraaf selecteerd en een nieuwe rule aanmaakt denk ik dat Dreamweaver ook de selector "#leftColumn p" neemt. (zolang je geen class/id voor de paragraaf definieerd)

Maar dat is het nadeel van werken op die manier. Je moet het doen met wat Dreamweaver weet te verzinnen. Als je het zelf intypt heb je meer controle.

Reageren