PDA

View Full Version : This is more a design question and canvassing opinions l guess

Jethro
October 23rd, 2002, 01:41 AM
Ok got pages up and running on the net after a huge amount of help on these forums, and thanks once again guys total newbie at this stuff and am rocketing along with it.

Ok first complaints coming in. Pages don't show very well in 800 x 600 and some higher resolutions. Do you guys worry about covering various different resolutions or do you stick with the most common.

Can code around the problem l guess, but don't see anyway of increasing or decreasing font sizes etc...

Cheers.
degsy
October 23rd, 2002, 01:46 AM
800x600 is pretty much the standard now.
Your pages should look their best at that resolution.

http://www.thecounter.com/stats/2002/September/res.php


Can code around the problem l guess, but don't see anyway of increasing or decreasing font sizes etc...

The old <font> tag was there to alter font sizes, but now you should use CSS.

http://www.htmlgoodies.com/tutors/ie_style.html#the
Jethro
October 23rd, 2002, 08:41 AM
Problem being l'm not up on CSS:( Guess it's time to rock along with it then...
enat66
October 23rd, 2002, 10:01 PM
You can use the font if you wish, i know it still works with the latest versions of mozilla (which netscape is made from) and internet explorer. Or you could use the header tags for the sizes :(<h1> <h2> etc.)
Steven.Bentley
October 24th, 2002, 06:10 PM
It does still work but it is depreciated, which means it shouldn't work in future. CSS is much more flexible and is really the way to go
enat66
October 24th, 2002, 06:45 PM
I know, but the header tags are planed for future use though, and btw even google usues the font tags.
degsy
October 24th, 2002, 06:51 PM
But the google site is not yet XHTML compliant.
You can't even validate the Google pages because they have no DTD.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.google.com%2F&charset=%28detect+automatically%29&doctype=Inline
enat66
October 24th, 2002, 06:58 PM
why is everythign turning to xhtml wouldn't you think browsers will become more lenient on the html as time increases?
Steven.Bentley
October 24th, 2002, 09:32 PM
Oh yeah, the H* tags are still valid HTML/XHTML but they should be used only to mark up headings, not change font colours for accessibility.

XHTML is stricter but that's in preparation for XML which is even more structured.
enat66
October 25th, 2002, 04:03 PM
I tryed to learn xml but right now it is impractical cause you gotta use css just to get it to display. xml is not designed for webpage formating. and yes you should use css for font colors, but some of the older browsers don't support some css.
Steven.Bentley
October 25th, 2002, 09:02 PM
Agree that XML is not ready for full usage yet.

I can see your logic re CSS but I take the view that font colours not showing properly are the least of the worries of people with older browsers, and that the minority of people using Netscape 4 shouldn't hold you back from using CSS (although not necessarily the CSS-Positioning stuff which is a little dubious from the accessibility point of view)
Jethro
November 4th, 2002, 10:39 PM
Currently learning CSS, got it to work for links but .... if you put CSS code into the header to control hover, link, and clicked colours etc how do you change it for a specific link if you don't want that link to inherit from the CSS stuff...
degsy
November 4th, 2002, 10:45 PM
You need to setup Pseudo-Classes and assign the class to the link.

Some examples :)

http://www.degs.co.uk/test/css/pseudo_classes.htm
Jethro
November 4th, 2002, 10:56 PM
Thanks degsy, will go and have a look. Still having problems getting my tables to take the whole screen real estate, the right vertical slider space is still showing even though there is no slider on the page:(



<body bgcolor="#FFFFFF" leftmargin="0" rightmargin="0" onLoad="MM_preloadImages('Assets/about-over.gif','Assets/products-over.gif','Assets/services-over.gif','Assets/contact-over.gif','Assets/education-over.gif','Assets/news-over.gif','Assets/upgrade-over.gif')">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" valign="top" bgcolor="#3956BD"><div align="center">
<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('About','','Assets/about-over.gif',1)"><img src="Assets/about-up.gif" alt="About PRISM" name="About" width="170" height="30" border="0"></a></p>
<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Products','','Assets/products-over.gif',1)"><img src="Assets/products-up.gif" alt="Available Products" name="Products" width="170" height="30" border="0"></a></p>
<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Services','','Assets/services-over.gif',1)"><img src="Assets/services-up.gif" alt="Offered Services" name="Services" width="170" height="30" border="0"></a></p>
<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','Assets/contact-over.gif',1)"><img src="Assets/contact-up.gif" alt="Contact PRISM" name="Contact" width="170" height="30" border="0"></a></p>
<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Education','','Assets/education-over.gif',1)"><img src="Assets/education-up.gif" alt="Current Education" name="Education" width="170" height="30" border="0"></a></p>
<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('News','','Assets/news-over.gif',1)"><img src="Assets/news-up.gif" alt="Current Company News" name="News" width="170" height="30" border="0"></a></p>
<p>&nbsp;</p>
</div></td>
<td>&nbsp;</td>
<td width="33%" valign="top" bgcolor="#3956BD"><div align="center">
<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Upgrades','','Assets/upgrade-over.gif',1)"><img src="Assets/upgrade-up.gif" alt="Software Upgrades" name="Upgrades" width="170" height="30" border="0"></a></p>
<p>&nbsp;</p>
</div></td>
</tr>
</table>
</body>
Jethro
November 4th, 2002, 10:58 PM
Originally posted by degsy
You need to setup Pseudo-Classes and assign the class to the link.

Some examples :)

http://www.degs.co.uk/test/css/pseudo_classes.htm

You da man:D
degsy
November 4th, 2002, 11:04 PM
Still having problems getting my tables to take the whole screen real estate, the right vertical slider space is still showing even though there is no slider on the page


That's by design. It's supposed to be there ;)
Jethro
November 4th, 2002, 11:11 PM
Notice you can get rid of it with frames:no: But they suck in different resolutions ... oohhh just thought of a sneaky way around the problem:D