Help with % Bars

[insurechick]

I've figured out the color thing, how to add them, how to adjust the percentages...how can I get them to align to the left of the column so they don't look scattered in my sidebar?

 

Here's my code, I'm sure it's simple, I just don't know html at all

 

<table border="0" cellspacing="0" cellpadding="0" frame="void" align="center">

<tr>

<td align="left" valign="middle">

<table border="1" cellspacing="0" frame="border" align="left">

<tr>

<td align="left" valign="middle">

<table border="0" cellspacing="0" cellpadding="0" frame="void" align="center">

<tr>

<td width="90" height="10" align="center" valign="middle" bgcolor="#cd853f">

</td>

<td width="10" height="10" align="center" valign="middle">

90%

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="center" valign="middle">

Drunkard's Path Afghan

</td>

</tr>

</table>

</h2>

 

Thanks in advance for any help!!

[JinGA]

try: align="left" instead of align="center" for the table tags

[insurechick]

When I tried to do that all the sidebar stuff when below my posts?? I'm not sure what I did wrong. Also, I must have deleted something because now my sidebar item just below the progress bars are running into my last progress bar. What is the html for putting a 1 line gap or space?

 

Is there a book that helps with these kind of questions for blogger that someone might suggest?

[JinGA]

hmmm... not sure why it wouldn't work. Couple of things...

1. Try changing only the first <table> tag align="left"

2. Try taking out the align="center" in the first <table> tag (default is left aligned.)

3. If you go to someone's site/blog you can view their source code by right clicking your mouse and choosing VIEW SOURCE. (You'd have to scroll down to find out where their % bars are located to see that code.)

 

Oh and HTML for space is:

 

 

and for new line:

<br/>

At the top of this forum is a thread about some good sites for learning HTML.

LissaExpains (for kids but breaks it down so that anyone can understand)

HTMLGoodies

 

Hopefully that will help some. If not... maybe someone else will be able to give you more help.

[JinGA]

I did a little test. I copied and pasted your exact code from your first post and got centered % bars. Then I just took out the align="center" in the first <table> tags, and the results were left aligned bars. HTML tags are left aligned by default.

[ria]

try this . . as Jinga wrote, the default alignment is left. The <br> at the bottom, or you can use <p> will create a space

 

 

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td>

<table border="1" cellspacing="0">

<tr>

<td>

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="90" height="10" bgcolor="#cd853f">

</td>

<td width="10" height="10">

90%

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

Drunkard's Path Afghan

</td>

</tr>

</table>

<br>

[insurechick]

Thank you everyone!!! I finally got around to working on my blog and got waht I was looking for! I really appreciate all the advice and references for html help...I'm new to blogging, but can learn pretty quick if I have something to reference.This just reaffirms my appreciation for how helpful and great everyone is out here on this board!!