webwiz — Tue, 03 Jul 2007 20:23:57 +0000

Quote: 1. What is <script type="text/javascript" src="Sublime_Stylee_files/brand000.js"></script> Where can I get this JavaScript file? I looked for it on your site, but to no prevail. This could solve my other issues.

Pass on that one. I was hoping you could tell me. I included it because it is on your original code.

Quote: A | appears nowhere in the code so I am not sure where it is comming from and why it appears in the Register and Login links.

That's a border on the links, applied by CSS. More friendly for screen readers, as it's invisible to them.

Quote: Also, I notice some 's with no class or id associated with them. What is the point of this?

They apply spacing ("margin") to the #sidebar and #content DIVs. Check the CSS (in the HEAD section).

Quote: What is the purpose of the clearer div? I am assuming this is some CSS trick.

You are correct. It should be explained in any book on CSS, as it's pretty basic. Check the index of your book, and write back if it's not there.

Apologies for the delay in replying. I rely on the RSS feed to alert me to new posts. Unlike every other forum I monitor, this one does not create a feed for replies.

sublimer — Thu, 28 Jun 2007 00:30:44 +0000

Wow, webwiz, I really appreciate it. I'll incorporate the items you suggest and apply them to my future efforts, thanks again!

could you explain this a little better please?

"If you allow most elements to position themselves normally, without trying so hard to control every pixel, I think you will be better off. Your code is also suffering from a severe case of "DIVitis.""

EDIT: I straight up copy and pasted the code and formated it to my style, and I am having a few small problems...

1. What is <script type="text/javascript" src="Sublime_Stylee_files/brand000.js"></script> Where can I get this JavaScript file? I looked for it on your site, but to no prevail. This could solve my other issues.

...like...

EDIT (I fix the images problem) The images do not show up.

A | appears nowhere in the code so I am not sure where it is comming from and why it appears in the Register and Login links.

Also, I notice some 's with no class or id associated with them. What is the point of this? For example...

      		<div>
				<h2>Recent Files:</h2>
				<ul class="list">
					<li>Item 1</li>
					<li>Item 2</li>
					<li>Item 3</li>
					<li>Item 4</li>
					<li>Item 5</li>
					<li>Item 6</li>
				</ul>
			</div>

What is the purpose of the clearer div? I am assuming this is some CSS trick.

I have a big CSS book infront of me that I've been meaning to read, its just one of those things that you never have time for.

Thanks for your help. I am really trying to get hardcore into CSS like I am in other computer languages.

New link... http://www.sublimestylee.com/v7/code.html

webwiz — Sun, 24 Jun 2007 06:46:08 +0000

Hi Sublimer,
First, the good news: The headings and the borders line up perfectly in IE 5.01 and IE 5.5 Windows.

Now the bad news: You have a lot more issues going on than a couple of pixels offset. The page breaks badly with any attempt to resize the text. Of course, you can't resize text with any version of IE on Windows with the text resizer. Anyone who has a problem reading such small text must use the Internet Accessibility options to increase the size. The new "zoom" feature of IE7 expands your content off both sides of the screen - not too useful, IMHO.

Using text resizing, or just setting a minimum font size > 12 pixels will break your page, to the point of being unreadable. Nearly all modern browsers allow these options.

You also need to specify a generic font-family as fallback to Arial. Presently, if a visitor's computer does not have Arial installed, they will likely get Times New Roman. That is significantly smaller than Arial.

If you allow most elements to position themselves normally, without trying so hard to control every pixel, I think you will be better off. Your code is also suffering from a severe case of "DIVitis."

Check my "quick and dirty" effort. I added an H1 for the benefit of non-visual agents like Google, but it's not visible:

http://webwiz.robinshosting.com/temp/

sublimer — Sun, 24 Jun 2007 03:42:32 +0000

well i cheated on fixing number one. i added to the css for the bars above the content "border-right: 2px;"

i'll work on number two, hopefully it works, thanks!

demonhale — Sun, 24 Jun 2007 03:21:20 +0000

On the first one, I checked on FF and IE and don't see the problem... But the common cause of this is your padding assignment for the texts inside that box....

For the footer, add another div element the same way you add the recent files and news box, only add a top margin of 10px... Hope that helps...