screen resolution problems....beginner here..

[kingstoncustoms]

im having a problem with my website.....www.kingstoncustoms.co.uk....the site is made up of frames, and the background images line up to look like 1 image. but on some browsers, scroll bars appear...and when viwed with a screen resolution greater than 800x600, the images appear too small for the page and white borders surround them...please help...any ideas?? is there some kind of script that resizes the images according to the size of the window?

 

[StephanieCordray]

there are scripts you can use but looking at it now, nothing lines up quite right. I'd get rid of the frames and use tables and a background color that matches the right bottom frame instead of a background image but set the color for the whole page, not just one cell. You can line everything up using tables and cells as well as frames and it would be more search engine friendly. Search engines don't really like frames because it's hard to know which one to index and it's not like following links into the rest of the site.

 

[kingstoncustoms]

how would that work? ive designed the site so that when the images line up, the the colour fades from dark to light from top left to bottom right...if i use a background colour rather then an image i cant to this, also if i use tables will the images be resized to fit the window to give the effect iwould like? thank you for your help...im new to this more advanced web design stuff, im only used to basic html...Dan

 

[StephanieCordray]

You can use a table in the same way you'd use frames, except instead of frames you'd be using table cells. You size the cells to fit the graphics and line them up just like you have them now in frames. A table fits on one page. Frames are separate pages fit together to look like one page. They are harder for search engines to follow.

You set up a table with HTML commands such as:
<table width="pixels or percentage" height="if you want to specify a height>
tr (row)
td (column) and use td for however many columns you need per row.

Each new row needs another tr added and columns specified.

then you end is thus: </table> You can also specify width and heights for columns and rows as you would for the table containing them.

If you are using an HTML editor there are built in commands for setting up tables and cells that make it much easier.

 

[kingstoncustoms]

hi, thans for your help...im not very experienced with making tables, im using a combination of notepad and frontpage to create the site...ill have a play with tables and see how it goes...will the browser automatically resize the table to fit the whole page or will i still get scroll bars...thanks again...Dan

 

[kingstoncustoms]

can you create a table where hyperlinks change the contents of a particular cell?..cheers, Dan

 

[SiteExpress]

can you create a table where hyperlinks change the contents of a particular cell?..cheers, Dan

The only way to do that, that I know of, would be to use frames.

 

[kingstoncustoms]

hi all...this is a script i was looking for. i found it after hours of searching...it will check the screen resolution of the users screen and redirect to the appropriate page on your site....didnt end up using it in the end tho...redesigned the whole site using CSS... www.kingstoncustoms.co.uk ...if anyond who knows more than me can see any problems on the site please let me know...thanks, Dan

<script language="JavaScript1.2">
<!--

/*
Screen Size Redirect script (By Robert @ http://members.tripod.com/technological_tinker/)
Submitted to Dynamicdrive.com to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/


if (screen.width==800||screen.height==600) //if 800x600
window.location.replace("http://www.netscape.com")

else if (screen.width==640||screen.height==480) //if 640x480
window.location.replace("http://www.microsoft.com")

else if (screen.width==1024||screen.height==768) //if 1024x768
window.location.replace("http://www.dynamicdrive.com")

else //if all else
window.location.replace("http://freewarejava.com")

//-->
</script>