Topic: My First CCS Sheet (Page 1 of 1)

Yes...it's a milestone...

I've managed to steal some internet time from a friend of mine (much thanks to Ogie)...and so I'm writing to ask about some problems I had with my first style sheet.

Now note: This is not for a site of mine, it's for a site of my friend's, so these things are what he wants.

The three levels of text (Main Header, Sub Header, Body Text) need to be indented at different levels. So the main Header sits at absolute left, the sub header is indented by about 20 pixels and the body text by about 40...the problem is if I use the text-indent function it only indents the first line. I need it ot indent the whole of the text...so is there another way to achieve it?

I also need to alter form elements like on the reply page of the asylum so that it has a different background and a sigle pixel border...what functions would I use to do that? And for that matter, the table borders as well...I have a single table on the site that has a visible border, and I need it to have a 1 pixel border (RGB values 168, 168, 168 if anyone wants to know). other than that most of my stuff works...when I get these problems sorted out I'll show you want my template looks like.

Thanks guys and gals...see you soon.

Problem #1: use the margin-left property. You are, after all, talking about a margin. (You might also try padding-left, which won't indent the borders if the text has any.)

#2: With CSS2, there are fancy ways to put styles on elements, selecting them in clever ways such as 'all input tags with type="text"'. However, Browsers don't support these fancy selectors yet. Instead, what you usually have to do is put a class on every input tag. If you want to style text boxes, make a "textbox" class, and use it like so:

<input type="text" class="textbox" value="..." ... >

with the CSS:

.textbox {
border:1px solid black;
background:white; /* or whatever */
}

#3: If this is only a single table on the page, you might give it an ID to work with (for instance, <table id="maintable"> with the CSS #maintable{border:1px solid rgb(168, 168, 168)}). If you want to do this to *all* tables on the page, though, then just use

table {
border:1px solid rgb(168, 168, 168);
}

You might also use "table, td" if you want this to apply to table cells also.