Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

My site looks cramped at 800 x 600


Mark1

Recommended Posts

I built my site on resolution setting 1024 X 768 it looks very well proportioned at that setting (on my computer). I have learned from users that the site looks CRAMPED UP at 800 X 600. The obvious solution to this problem is for them to buy a better graphics card and an upgrade monitor from me. :lol: Seriously, is there any way to "adjust" the pages to better fit the lower resolution settings? This must be the most common problem for web designers as there are so many different browsers and settings out there. There must be a simple fix for my probolem. :wink:

 

 

 

Any help would be greatly appreciated.

 

 

Mark

Link to comment
Share on other sites

Ok, I am almost there. :D I got the header, footer, left and right columns to line up. Now all that is left is the header navigation strip and the footer strip where the date and counter are. Can someone please give me a hint as to where I will find those widths located?

 

 

Thanks!

 

Mark

Link to comment
Share on other sites

I figured it out. 8) I got them to align now. Now all I have to do is play around with the alignment again in the header tables for my logo and cart/account/checkout graphics and I should be set. I hope it looks good when I go back to the normal resolution of my computer :P

 

Thanks for the help The_Bear you were right on target with your advice!!

 

 

 

Mark

Link to comment
Share on other sites

I did an examination of your html code and found these errors:

 

At the very top of the page:

<table border="0" width="100%">

<tr><td> 

<td>image.gif

</td>

<td align="right">images.gifs spaces links

<table width="100%">

<tr><td align="right">Shopping Cart Totals:<br>

</td>

</td> <!-- This should be </tr>

</td> <!-- This should be </table>

</tr> <!-- This should be </td>

</table> <!-- This should be </td>

</tr>

</table>

 

and at the very bottom of the page:

 

</td> <!-- No Parent Tag

</tr> <!-- No Parent Tag

</table> <!-- No Parent Tag

<!-- footer_eof //-->

 

I spent a few minutes to create the entire page with only very basic info in each table cell. The page draws fine with the errors in but it draws better with the errors fixed.

 

I gotta tell you I have never seen so many tables inside tables before. :shock: If you take the stripped down model of this page and put a "1" in all the table borders the thing looks like a topographic map. :)

 

Your page as of this writing still does not give my browser a horizontal scroll bar. Must be something to do with the javascript because the stripped down model I made does have a horizontal scroll bar. :?

 

At 1024x768 it looks crowded. At 800x600 only about 2/3 of the page shows on screen.

 

My suggestion:

Reduce the width of the cell heading background image. It looks like they are about 200+ pixels wide. You could probably reduce the height too because the heading text is dark and large it would be ok to have it display on top of the power cord dipicted. Or change the type size to match that in the text "Log In Here". Best bet IMO: change all font to that in the Information links. Too many typestyles on a page.

 

Anyway that's my 2? worth

Emmett

Link to comment
Share on other sites

Hi Emmett,

 

I sense you found a big problem in my coding :shock: , but I have no clue what you are telling me to do to fix it. Can you please elaborate some more with specific files I need to edit. I am certainly willing to do the work, but I don't think I know where to begin to fix this problem. My assumption at this point is that you mean for me to take a look at the default.php file (mine is called index.php because I want my page to load from www.circuitrysolutions.com instead of www.circuitrysolutions.com/catalog/default.php) If you would please take a few moments to elaborate on this problem, it would be appreciated!

 

 

Mark

Link to comment
Share on other sites

Your code is rendering correct now.

 

- Head -

<table>

<tr><th>

<script>a script</script>

</th>

<th><img>

</th>

<th><img><img><img><br><br><FONT><br></FONT>

</th>

<script>a script</script>

</tr>

</table>

 

<table>

<tr>

<td></td>

<td></td>

</tr>

</table>

 

If your page renders then the problem is not serious. I'm just used to coding and matching tag pairs. When I made the previous post the code pairs were not matched as you can see in that post.

Looks like you still have orphaned tags at the bottom.

Oh it looks like the word align is spelled aligh in header.php

If you want to see serious go to the validation service page and run your site through that.

http://validator.w3.org

 

Cheers

Emmett

Link to comment
Share on other sites

I am glad I got it straightened out. Sometimes, I get careless with html tags and dont match them. :oops: I have worked several times on the alignment of that header file. It seems every time I get it looking right, tsomething else comes up and I have to go diddle with it again. (This time it was the 800 X 600 resolution problem pointed out in this thread) It looks like other than a few alignment " "'s I am all legal now 8) Thanks for pointing that out!

 

 

 

 

Mark

Link to comment
Share on other sites

There are a lot of problems with your website, I will show you two.

 

<!-- Begin

function right(e) {

var msg = "Right-clicking is not possible in this document."

}

Right-clicking is not possible in this document.

As you can see this is not true, but it tells your costumers only you don't want them to right click, is it because you don't trust them or ...? If you have reason to do this, you better tell them why you don't want them to right click, i.s.o. telling them they can't while they actually can.

 

CircuitrySolutions.com does not have the expensive overhead involved in hiring a large staff to support the consumer
Do you really think not hiring a staff to support the costumer is an advantage for the costumer?
Link to comment
Share on other sites

Code:  

<!-- Begin  

function right(e) {  

var msg = "Right-clicking is not possible in this document."  

}  

Quote:  

Right-clicking is not possible in this document.  

 

As you can see this is not true, but it tells your costumers only you don't want them to right click, is it because you don't trust them or ...? If you have reason to do this, you better tell them why you don't want them to right click, i.s.o. telling them they can't while they actually can.

 

 

You were kind enough to point out the wording of the "No right click" statement was not as informative is it should be. I changed it to state the sole purpose of this feature. "This Image is Copyright protected". To be blunt, I have worked hard on this site, and I have paid money to have my ORIGINAL graphics created. Like clothing and automobile colors they are a personal choice. Unfortunately, some others like the style of my clothes and the color of my automobile. :wink: While that statement wont completely prevent my graphics from being "borrowed" I suspect it will deter many. :D Every custom graphic on my page will be copyrighted (when all are complete). The message is a subtle reminder not to break the law. :lol:

 

 

 

Quote:  

CircuitrySolutions.com does not have the expensive overhead involved in hiring a large staff to support the consumer  

Do you really think not hiring a staff to support the costumer is an advantage for the costumer?

 

This is ceretainly a matter of interpretation. My small and very EFFICIENT and CAPABLE concentrates on customer service rather than being bogged down with unnecessary tasks.

Link to comment
Share on other sites

I doubt if this validates

<b> &nbspProducts</b>

seems impossible to me.

 

Your new right click message is much better! But it might look even better if it ony shows when right clicking on images. Dont know if this is possible.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...