Topic: Try it now

The page is linked into the main site now. I think I put in all the correct doc types and meta names. I am wondering what anyone thinks of margins and paddings..the content seems scattered a bit. I am thinking of adding a background texture in the same shade and texture as old comic books but I am not certain. Does anyone know the #color for cheap pulp paper? Any ideas about background colors or ..would be helpful. I will be redoing the writing when the other pages are finished. I am so slow at this, it is a good thing I have a day job. (@ $ a page I would make ..maybe..pennies a week outputting web pages) This page works in Opera and IE, and is fine on AOL. I haven't checked Nav etc. Any bugs, let me know.
http://www.skyetyger.com/index.html

Just so you know, in Netscape/Mozilla, I'm getting a horizontal scrollbar, regardless of the window size. Seems like some padding somewhere on the page is pushing a few extra pixels beyond the edge of the window.

You're using an HTML 4 transitional doctype, so that's probably why it's looking okay in IE (IE's pretty leniant when it comes to transitional doctypes).

Other minor technicalities: The content div overlaps the left navigation rail at small screen sizes. While it's unlikely anyone's still running a 640x480 monitor, if they are, they won't see the nav rail. You have text links at the bottom of the page which I assume serve the same purpose, so that's ok, I guess. The little bulleted image headings ("Site", "Main", "Pages", etc.) aren't rendered very well, so they're a bit hard to read.

The yellow link on the white background is hard to read. The yellow links on the dark blue background get darker when you hover over them. Usually, links should go from less contrasted to more contrasted, unless you're going for a certain effect.

I usually recommend against setting font sizes in pixels, as IE users can't resize them, but that's your own preference.

Other than that, it looks like you're taking a step in the right direction. No tables, and the content area is liquid, so that's good



[This message has been edited by ozphactor (edited 07-21-2003).]

quote:

---

The Notes are a journal. There I will post items waiting for a web page, such as this Rule: Salt is a Noun. To form the adjective, add "y" as in "salty dog." Certain nouns can be used as verbs by the adding "ing".."salting the bird's tail." Suck is a Verb. To form the adverbial adjective, add "ing" .."egg sucking dog" is correct in both form and meaning. The word "sucky" as in "sucky Oklahoma" is incorrect in both form and meaning Except as: "I am from Sucky OK zip code, and you are an egg sucking dog" because the addition of "y" indicates the root word is a noun; person, place or thing. By this rule, a person knows that a word such as "rivet" is a verb even though, in its unaltered form, "rivet" is used as a proper noun. A person could be a "suck" as in "suck up" but never "sucky" as rivet can be a rivet but never rivety. There can be another "take" on this, but never takey two. Unless you are two years old, do not add "y" to verbs.

---

Well, that's a fun way of learning English...



[This message has been edited by ozphactor (edited 07-21-2003).]

I am going to change the link colors..I am glad you mentioned that..I will resize a little bit to make the browser resolution better. I get a tad of overlap in Opera also..

That is an old rule OZ, it is true, and it is plainly stated. Learning English is fun. I thought the "translators" here might find the rule useful in understanding English nouns and verbs. I took the rule down from the site. I will repost it later, bury it in the site somewhere but not the front page..I am being..bland for now. I notice you reposted it here..good for you.. And I will reset the fonts to ems..although I don't quite understand the sizing yet.

(sorry about the split, double post but I hit the button accidentally before I finished writing.

Actually, I's recommend setting your font sizes in percentages (%), rather than ems. I've noticed odd behavior in IE for Windows in which ems seem to resize radically when using the browser controls. For example, specifying "smaller" will make the text almost unreadable, and specifying "larger" makes the text huge. Apparently, this quirk doesn't apply when using percentages.

As for how to use relative measures, think of it this way: When you don't apply any specific font sizing, the default size that the browser renders is said to be "100%" or "1 em". Therefore, if you wanted the text to be smaller you would set, perhaps "80%" or "0.8em". If you wanted it to be larger, you would say "120%" or "1.2 em". You still have total control over text sizing. Only now, people with vision problems can resize it to their needs. Another thing is not to confuse "%" when used with font-sizes with the "%" used for box sizing. The font size percent means "relative to the default font size". The box sizing percent means "relative to the size of the browser window".

Another thing that can be confusing when using relative font sizes, is that all elements within an element will inherit the font size of the parent. And if you set a font size for the "child" element, that font size will be multipied by that of the parent.

For example: Say you have a div called "test" and you used this CSS:

#test { font-size: 90% }

That means any text inside that div should be 90% of default text size. What if you had a paragraph within the "test" div and this CSS code?

p { font-size: 90% }

That means that any text inside that paragraph should be 90% of the parent element, in this case: the "test" div. So 90% mulitpied by 90% equals 81%. Any text inside a paragraph inside the "test" div, will be 81% of the browser default. Get it?

Phew. Hope that didn't come across as too confusing. Need any more help, just ask.

I understand, ..but if I set the font for ariel narrow in the body without a size specification (default), could I declare 90% in the p..and not have a specification in the p container div..I assume only one would have to be set or does it have to be both, or you wouldn't have stated it thusly. Also I am not certain what is smearing the graphics. I take them off the server, clean them carefully at high resolution, save them carefully and for the first few times I veiw the site the graphics are very
clean but then they start smearing again. It is why I am redoing the site as the site had been delelted by the server accidentally. There was only one backup, and when I loaded it, it was really smeary. I thought the graphics were corrupted. I have contacted the server to find out if there is anything the server is doing, compression, reloading etc that may be causing the problem. Has anyone else ever seen this problem?

Sorry if I confused you, but... No, you don't have to set the font-size on both the container and the paragraph. I was just using that as an example of how relative sizing works differently than absolute sizing. For those who are used to using pixels, the whole inheritance of font sizes doesn't make sense. I explained it so you wouldn't run into a problem in the future.

I understand..you mean that if I set a font type (size default) in the body, then a % size in the div..then smaller % font size in a p..it would be a percentage of a percentage of the default..that would be easy to overlook and cause problems that would not be readily apparent. I am glad you warned me about the inheritance.. I will have to play with it and see how it works..seems like fun

Ha!! I contacted the server and suddenly my site is graphic fine..I might keep it now that it looks good again, not all smeary although it is slow to load . I might just add CSS as I learn it..I know tables fairly well..take a look..it isn't all smeary anymore, if you already looked, you might have to clear your browser cache..
http://www.skyetyger.com/archive.html