css vraagje

hallo, hoe kan je in css er voor zorge dat je tekst iets naar rechts gaat, iets van 2o pixels ofzow. De text die er nu instaat staat helemaal linkst tegen de kant op, maar dat staat niet mooi, het moet ietst meer naar rechts... hoe kan je dit doen?

padding:0 0 0 2px;

okee.. maar waar moet je dat neerzetten dan? of maakt het niet uit in welke volgorde je css staat?

Je zet het neer waar je het nodig hebt, volgorde maakt niks uit.

als ik het er bij zet dan gaat de hele site een stukje naar rechts, het gaat alleen om de text in de body zeg maar, die moet naar rechts...

Staat alle tekst in een div?

#div
{

}

op werkt je met een paragraaf?

p
{

}

Staat je site ergens on line?

ik weet het niet precies, ik ben pas net begonnen met css, het gaat om css in een cms site gemaakt in mambo. me code ziet er als volgt uit:

[code:1:3846e2f1f6]body {
margin: 0px;
background:#FFFFFF url(…/images/bg.jpg) repeat-x right top;
color:#d0d1d3;

}
tr, p, div {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
}

hr {
background : #d0d1d3;
height : 1px;

}
#mainlevel-nav {
margin: 0; padding: 0;

}
#mainlevel-nav li {
background-image: none;
padding-left: 0px;
list-style:none; float: right;
margin: 0;
font-size: 10px;
line-height: 20px;
white-space: nowrap;
text-indent: 15px;
}
#mainlevel-nav a {
display: block; float: right; text-decoration: none; border: 1px solid;
border-color: #fff #cc3300 #cc3300 #fff;
background: #ff9933;
color: white;
}
#mainlevel-nav a {
float: none;
}
#mainlevel-nav a:hover {
background: #ff6600;
}

/different setting for newsflash/
.newsflash td {
color: #000000;
text-align: justify;
vertical-align: middle;
}

/setting for the greetings/
.mainpage {
text-align: justify;
color: #333333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
}
.mainpage-bkg {
width: 1px;
}

.greybg {
background: #eeeeee;
}

/pathaway setting/
.pathway {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
}

a.pathway:link, a.pathway:visited {
color : #0ca4f3;
font-weight : normal;
}

a.pathway:hover {
color : #0ca4f3;
font-weight : normal;
text-decoration : none;
}

/for title or site name/
.title {
font-family: sans-serif;
font-size: 20px;
font-weight: bold;
color : #000000;
margin-left: 10px;
}

/for the tag-line/
.subtitle {
font-family: sans-serif;
font-size: 10px;
font-weight: bold;
color : #666666;
text-transform: uppercase;
letter-spacing: 2px;
margin-left: 20px;
}

#active_menu {
color: #000000;
}

/* --Default Class Settings-- */

a.mainlevel:link, a.mainlevel:visited {
display: block;
color: #ffffff;
font-weight: bold;
background-repeat: no-repeat;
text-indent: 20px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 20px;
margin-bottom: 1px;
}
a.mainlevel:hover {
color: #333333;
}

a.mainmenu:link, a.mainmenu:visited {
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 10px;

}
a.mainmenu:hover {
color: #333333;
}
.pollstableborder {
border: 1px solid;
padding: 1px;
}

a.sublevel:link, a.sublevel:visited {
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
color: #0ca4f3;
text-align: left;
}

a.sublevel:hover {
color: #0ca4f3; text-decoration: none;
}

table.moduletable {
padding: 5px 0px 5px 8px;
margin-bottom: 15px;
width: 100%;
background:;
}

table.moduletable th {
font-size : 11px;
font-weight : bold;
color : #000000;
text-align : left;
width : 100%;
letter-spacing: 2px;
text-indent: 5px;
padding-bottom: 3px;
}

table.moduletable li {
}

table.moduletable ul {
padding: 0px;
}
table.moduletable td {
font-size: 10px;
font-weight: normal;
}

.poll {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
line-height : 14px;
}

table.pollstableborder {
border: 1px solid #cccccc;
}

.sectiontableheader {
background-color : #CCCCCC;
color : #333333;
font-weight : bold;
}

.sectiontableentry1 {
background-color : #F0F0F0;
}

.sectiontableentry2 {
background-color : #E0E0E0;
}

.small {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #999999;
text-decoration : none;
font-weight : bold;
}

.smalldark {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
font-weight : normal;
}

.contentpane {
background : #FFFFFF;
}

.contentpaneopen {
border : 0px ridge #0099cc;
width: 100%;
padding: 1px;
}

.contentheading, .componentheading {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #FFFFFF;
text-align : left;
}

.createdate {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #999999;
text-align : left;
}

.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 10px;
font-weight : bold;
background-color : #F0F0F0;
color : #000000;
border : 1px solid #CCCCCC;
}

.inputbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
background-color : #a0d7f3;
border : 1px solid #a0d7f3;
}

a:link, a:visited {
color: #2D4993;
text-decoration: none;
}

a:hover {
color: #2D4993;
text-decoration: underline;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
text-align:left;
text-decoration: underline;
}

a.contentpagetitle:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align:left;
color: #666666;
text-decoration: none;
font-weight: bold;
}

a.category:link, a.category:visited {
color : #333333;
font-weight : bold;
font-size: 11px;
font-weight: bold;
}

a.category:hover {
color : #999999;
}

/* Styles for dhtml tabbed-pages /
.ontab {
background-color: #ffae00;
border-left: outset 2px #ff9900;
border-right: outset 2px #808080;
border-top: outset 2px #ff9900;
border-bottom: solid 1px #d5d5d5;
text-align: center;
/
Cannot use hand as its not a W3C CSS validator /
/
cursor: hand;/
font-weight: bold;
color: #FFFFFF;
}
.offtab {
background-color : #e5e5e5;
border-left: outset 2px #E0E0E0;
border-right: outset 2px #E0E0E0;
border-top: outset 2px #E0E0E0;
border-bottom: solid 1px #d5d5d5;
text-align: center;
/
Cannot use hand as its not a W3C CSS validator /
/
cursor: hand;*/
font-weight: normal;
}
.tabpadding {
}

.tabheading {
background-color: #0ca4f3;
text-align: left;
}

.pagetext {
visibility: hidden;
display: none;
position: relative;
top: 0;
}

/* for modifying {moscode} output. Don’t set the colour! */
.moscode {
background-color: #f0f0f0;
}
.code {
background-color: #f0f0f0;
border: 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */
.message {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 10pt;
color : #ff6600;
text-align: center;
}

/* Javascript Back button */
.back_button {
text-align: center;
margin-top: 40px;
}

table.contenttoc {
color: #333300;
background-color: #e0e0e0;
border: 1px solid #333;
}

table.contenttoc td {
font-size: 8pt;
font-weight: normal;
text-align:left;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}

li {
line-height: 15px;
padding-left: 10px;
padding-top: 0px;
background-image: url(…/images/arrow.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}

table.searchinto {
width: 100%;
}

table.searchintro td {
background-color: #293C43;
color: #ffffff;
font-weight: bold;
}[/code:1:3846e2f1f6]

Je zou eigenlijk eens in de html pagina moeten kijken in welke div of containertag je tekst zit. Dan kan je kijken waar je het in de css moet toepassen.

me HTML ziet er zo uit:

[code:1:c9f62a1c60]<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!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>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel="stylesheet" href="$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css" type="text/css"/>" ; ?><?php echo "<link rel="shortcut icon" href="$GLOBALS[mosConfig_live_site]/images/favicon.ico" />" ; ?>
</head>

<body>

<div align=“center”>
<table width=“860” border=“0” cellspacing=“0” cellpadding=“0” bgcolor="#FFFFFF">
<tr>
<td colspan=“3”>
<!-- start logo →
<div id=“logo”> <img src="<?php echo $mosConfig_live_site; ?>/templates/gucci/images/logohkb.jpg" alt=“logo image” border=“0” align=“right” /> </div>
<!-- end logo →
</td>
</tr>
<tr>
<td width=“125” valign=“top” bgcolor="#2d4696"><?php mosLoadModules ( ‘left’ ); ?></td>
<td width=“660” height=“600” colspan=“2” valign=“top” bgcolor="#FFFFFF"><?php mosLoadModules ( ‘top’ ); ?>
<?php mosMainBody(); ?>
<?php mosLoadModules ( ‘bottom’ ); ?></td>
</tr>
<tr>
<td colspan=“3”><table width=“830” border=“0” cellspacing=“0” cellpadding=“0” bgcolor="#FFFFFF" align=“left”>
<tr>
<td align=“left”>
<a href=“http://www.nl” target="_blank">ipsis b.v</a>
<br/>
<a href=“http://www.mamboserver.com” target="_blank">Mambo</a>

    &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;&lt;/td&gt;
&lt;/tr&gt;

</table>
</div>
</body>
</html>[/code:1:c9f62a1c60]

Je kan ook gewoon de cellpadding wat verhogen.

neej, dit is niet handig. gaat het niet in de css dan?