ste

i think you are talking about different screen resolutions heres an article you may find usefulhttp://www.useit.com/alertbox/screen_resolution.html

you define the widths of the page elements in percentages rather than pixelsexample <div style="width:100%;"></div>

one thing that helped me alot when i was learning it was to go to places like csszengarden and other good css sites and look at the source codes

the link you posted above is in a framesetheres the correct link: http://www.branmuffinindustries.com/thinks...node/index.htmlfirst off your logo isnt displaying properly in ie6 because ie6 does not support alpha transparency in pngs there is a fix in this thread:http://w3schools.invisionzone.com/index.ph...c=10683&hl=or you could just use a gif (not as good quality though)next thing. it looks like the news section is getting pushed down in IE check the widths margins and paddings for this and maybe make them a bit thinner in your IE style sheet

external css and js files are cached by most browsers so its definately a good idea

nice job. i like the logo. i would probably try and bring the green color in the header into the site maybe on the headings "Welcome to My Portfolio" etc. for consistency. but overall its very nice so well done

any chance of posting the code or a ideally a link

its a big improvement on the site with framesis this also your site? http://www.playgames2.com/

it sounds obvious, but you should use <p> tags for paragraphs. so in this case you are making navigation (i.e. a list of links) so use <ul> its better for your page ranking to write semantically correct html. with css nowadays we have no need for spacer images, layout tables or the method Skemcin suggests abovethe logical use for the <br> element is forcing a line break. using them to create a visual space between elements is not correct.an example of un-semantic code would be <strong>Google</strong><br />Google Inc. (NASDAQ: GOOG and LSE: GGEA) is an American public corporation, specializing in Internet search and online advertising.<br /><a href="http://www.google.com">Google</a><br /><br /> Now another way of writing that: <h2>Google</h2><p>Google Inc. (NASDAQ: GOOG and LSE: GGEA) is an American public corporation, specializing in Internet search and online advertising.<br /><a href="http://www.google.com">Google</a></p> Now this way when the bots read your page they see that this paragraph has a heading, keywords and a link that all belong together whereas the previous way they are all seperated.so we use br to make a line break and margins for the space between text elements e.g. p {margin:15px 0;}hope this helps

check the path you have '/images/topbody.jpg' might just need 'images/topbody.jpg'

that should probably be %

in your csstable { empty-cells: show ; }

its called a liquid layout. basically you want to use percentages instead of pixels when specifying widthe.g. div {width: 80%;}

you write the code xhtml, css etc. in a html editor.there are many different kinds including Text-based (notepad etc) editors & WYSIWYG (What You See Is What You Get) editors like dreamweaver. there is a good thread here about various html editors:http://w3schools.invisionzone.com/index.php?showtopic=760 syntax highlighting is just a feature that is included in some text editors

i dont think harassing them is the way to go. the admins have been notified its probably best to let them handle it

the intro is cool. looking forward to seeing the rest

if you think about it a menu is a list of links so its more semantically correct to use a list than paragraphs or anything else

yep, you dont need absolute positioning instead you can use css to make a list flow horizontally by using display: inline; try something like thishtml:<!-- start menu --><div id ="navcontainer"><ul id="navlist"><li><a href="#">Home</a></li><li><a href="#">About</a></li><li><a href="#">Products</a></li><li><a href="#">Contact</a></li></ul></div><!-- end menu --> css: /* navigation */#navcontainer{text-align: left; height:20px; width:740px; background-color: #eee;}#navlist{margin: 0; padding:2px; color: #fff;}#navlist ul, #navlist li{margin: 0; padding: 0; display: inline; list-style-type: none;}#navlist a:link, #navlist a:visited{float: left; padding-right: 12px;}#navlist a:hover {font-weight: bold;}

instead of wrapping the images and text in a div with this style <div class="shadow"> why not just the text parts, then float the images alongside in divs that dont have your transparency class

can you give a link to the drafts you have done so we can get an idea of what they mean do they have a logo if not, you can create one. use the colours they suggested for this and use a suitable font for pets. maybe add a paw or a sitting dog to the logo as a symbolgo to a stock photography website and do a search for pets, find a nice image and create a banner in photoshopadding a good looking menu and possibly some animal themed icons. use the shades of blue they suggested for hyperlinks.

ah ok i misunderstood btw i just ran this through the validator and it passed <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><title>#</title></head><body><ol><li><b>Topic 1</b> - text text text</li></ol></body></html> and thats xhtml strict, are you sure your code wont validate? what was the error?

with cssol {font-weight: bold;}

no problem, glad you got it working

you say this is your first website so i think it would be very difficult to code your own forum. my advice would be to download some ready made forum software such as phpbb which is free http://www.phpbb.com/

try this one insteadhttp://homepage.ntlworld.com/bobosola/index.htmits easier than the earlier method i posted. look in the source to see how it works if you still cant get it pm me for my email, send me the files and i will sort it out for you