| View previous topic :: View next topic |
| Author |
Message |
jessay
Joined: 28 Jun 2006
Posts: 8
|
 Posted: Tue Jul 04, 2006 11:06 am Post subject: Left margin of left column is rebelling... |
 |
|
Hello. I was wondering if you may be able to help me figure out what on earth is going on with my left column. It doesn't matter what components I place in the left column - all component headers seem to cascade diagonally even though all have been left aligned in the custom component. It isn't much of a cascade, but enough to drive a perfectionist, such as myself, crazy! I've looked EVERYWHERE to determine what is causing this and am unable to figure it out on my own. I would really like my component headers in my left column to left-align as nicely as they do in my right column. HELP!
Thank you! |
|
| Back to top |
|
 |
john
Site Admin
Joined: 16 Mar 2004
Posts: 3434
|
| Posted: Tue Jul 04, 2006 11:31 am Post subject: Re: Left margin of left column is rebelling... |
|
|
| Perhaps if you let us know where your blog is so we can look at it, we might be able to help. You could put your blog address in your profile as a permanent reference. |
|
| Back to top |
|
|
jessay
Joined: 28 Jun 2006
Posts: 8
|
| Posted: Tue Jul 04, 2006 11:48 am Post subject: So sorry! |
|
|
I forget, sometimes, that not everyone is clairvoyant  . The address is http://flackfolio.blogharbor.com. Blog ID: 356195.
Thanks! |
|
| Back to top |
|
|
john
Site Admin
Joined: 16 Mar 2004
Posts: 3434
|
| Posted: Tue Jul 04, 2006 12:11 pm Post subject: Re: So sorry! |
|
|
Wow - your site looks great! Fantastic job customizing!
One thing I note is that you have uploaded all of your images without extensions, so that you're referencing images like this:
| Code: | | <img src="http://flackfolio.blogharbor.com/images/articletalkbox"> |
You really need to use file extensions like .jpg or .gif or whatever the file type is, so that your HTML looks like this:
| Code: | | <img src="http://flackfolio.blogharbor.com/images/articletalkbox.gif"> |
and the image you upload also has the full name like articletalkbox.gif .
As for why your left column looks different than your right, it looks like you made your customizations based on a template that does use different styles for the left and right sidebars.
The easiest way to change this now would be to go change your base template and make a change so that the left column uses the same classes as the right.
Look for this line in your base template:
| Code: | <!-- START LEFT COL -->
<td class="left">
<div id="leftcol"> |
and change it to this:
| Code: | <!-- START LEFT COL -->
<td class="right">
<div id="rightcol"> |
That should let you make changes to any of the rightcol styles in your CSS and have those styles used by both the left and right sidebars. |
|
| Back to top |
|
|
jessay
Joined: 28 Jun 2006
Posts: 8
|
| Posted: Tue Jul 04, 2006 1:07 pm Post subject: Doesn't work |
|
|
It looks exactly the same  . I went through my style sheet (many times) and tried to make any left margins or padding exactly match the right, but that never seemed to work either. It's really strange...and now I have a "done, but with errors on page" message! Oy vey. |
|
| Back to top |
|
|
john
Site Admin
Joined: 16 Mar 2004
Posts: 3434
|
| Posted: Tue Jul 04, 2006 3:28 pm Post subject: Re: Doesn't work |
|
|
When using DIVs to control the presentationn of your content, it is important to make sure that you are opening and closing your DIVs properly. Here is the code to your custom component you labeled Currently Supporting:
| Code: | <div class="component">
<div class="componentHead"><img src="http://flackfolio.blogharbor.com/images/currentsupport"></div>
<div class="componentContent">
<div align=center><a href="http://www.englishsurfingfederation.com/"><img
src="http://flackfolio.blogharbor.com/ESFlogo"
alt="The yet-to-be launched official website of England's surfing governing body, the English Surfing Federation." vspace="10" border="0"></a></div>
<div class="componentContent">
<div align=center><a href="http://www.englandsurf.com"><img src="/images/ESFClothing" vspace= "4" border="0" width="92" alt="Official ESF Clothing Line" /></a>
</div>
</div> |
How many DIVs did you open there and how many did you close? Once you count 'em up, you'll see where the problem is. Go through this component and make sure you close each DIV you open, and close it in the right place, and make sure you have not repeated this issue on any of your other custom components, and your problem should be solved. |
|
| Back to top |
|
|
jessay
Joined: 28 Jun 2006
Posts: 8
|
| Posted: Tue Jul 04, 2006 3:53 pm Post subject: Sloppy Does as Sloppy Is |
|
|
There goes my big "A-HA!" moment. That worked perfectly. I got sloppy!
Thank you! |
|
| Back to top |
|
|
Search all BlogHarbor support resources.
|
| View previous topic :: View next topic |
|
FAQ
Search
Memberlist
Usergroups
RSS
Register
Profile
Log in to check your private messages
Log in
