Help me use CSS more!

[devilzfan300]

I used to sell an ebook, but decided to just make the content free. I am in the process of moving all the info to the website. Anyways...

The URL is www.wholesalechecklist.com, but the particular page I want you to review is http://www.wholesalechecklist.com/asseenontv.html . I am specifically talking about the actual list of sites. I want to use more CSS like I do throughout my entire site. Suggestions?

[StupidScript]

What would you like the CSS to do?

[devilzfan300]

I want the font of the actual descriptions to be bigger

I wasnt sure if the bold tag was appropriate for this type of thing. I wanted to use another header tag, but then after the tag it automatically started a new line when I didnt want that to happen.

Or is how it is now fine?

[StupidScript]

It looks okay to me, but then I'm a technician, not a designer.

You could try using the SPAN element:

<span style="font-weight:bold;font-size:20px">Actual description...</span>

Any of the Hx elements (i.e. <h3>) will break the line when you close it. The above attributes (bold, 20px) simulate an H3 without breaking the line at the end.

Here's a little code you can use to experiment and find alternative specs for the other Hx elements:

<span style="font-weight:bold;font-size:20px">EEEEEEE</span>
<h3>EEEEEEE</h3>

Just save it as a text file and load it into your browser to view the similarities/differences between the look of the Hx element and the style instructions. There are differences, however you may find them to be negligible.

[StrongInTheArm]

In asseenontv.html change line 108: <h1>As Seen on TV</h1> to

<h1 class="mainheader">As Seen on TV</h1>

then in main.css add the following under the 'h1' definition but before the 'h2' of the Hx attributes:


h1.mainheader {
font-size: 32px;
color: red;
}


You have a vast array of attributes you can change and set, its impossible to give you all you need cos you haven't said what you want.

I suggest you get a CSS editor, e.g. TopStyle Lite is what I use (free), and Visit WC3 and work through their basic tutorials on CSS. That will get you started.

[alainkun]

I can see description text correctly. Do you want do something more with CSS?