Quote:
Could someone please explain abit more about the
tag
|
If you place an IE & Firefox layout next to each other you can find that the text paragraphs don't line up, I'm assuming both browsers have the exact same width, this can be caused because of different values for top/bottom margin, therefore using something like the following in a style sheet evens out those differences:
Code:
p {
margin-top: .75em;
margin-bottom: .75em;
}
Depending on the amount of text on the page and the layout you may never notice this one.
For DOCTYPEs have a read of
http://hsivonen.iki.fi/doctype/, not the page I was looking for but I'm sure someone will post some others.
Quote:
|
I use 100% for my main table width, this should make the page(tables) stretch and shrink when people use different screen resolutions (right). Is it possible to make the background image stretch and shrink in css for different resolutions and browsers though.
|
Not with the current CSS commands. You might be able to do it with some fancy JavaScript, but if you do you then need to make sure that the page still displays correctly without JS.
I would say it's better to build for the lowest common denominator, 800x600 although people are moving to 1024x768, then if you want to make use of bigger displays go with a fluid layout.
Quote:
|
It will be really kind if someone that knows what they are doing "LOL" to look at the website and tell me what I'm doing wrong and how you would go about getting similar results.
|
At the moment you have fixed the height of the site, I'm assuming for 1024x768, but on my nice big 1280x1024 monitor I've got unused space below the content area. This fixed height is causing me to have to scroll when I shouldn't need to, therefore I would not fix the height so that people with large monitors can see all the text and not just a letter box view (pet hate).
You need to move your style sheet and JavaScript into external files.
You have "<table width="1000" height="474" border="0">" which is causing the site to be 1000 pixels wide and resulting in the visitor having to scroll left/right this is especially problematic at 800x600, therefore I'd consider going to fluid or limiting the width to 730px or there abouts.
You have 8 syntax errors in the home page HTML, see
http://validator.w3.org, these I would fix there's an article at
http://www.alistapart.com/articles/flashsatay on getting pages with Flash to validate.
I would defiantly move to one of the strict DOCTYPEs, I favour XHTML, without wishing to start a war I like XHTML because it is newer than HTML, it should fit with the mobile market better, my choice read up on it and make your own decision.
The rollover effect could be done with CSS which usually results in less code on the page.
I also favour pure CSS layouts over tables, again my choice and will disagree with this.