Web Wiz - Green Windows Web Hosting
Web Wiz Homepage Search Web Wiz

  New Posts New Posts RSS Feed - Needs Help with Resolution for a Web Site
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Topic ClosedNeeds Help with Resolution for a Web Site
 Post Reply Post Reply
Author
  Topic Search Topic Search  Topic Options Topic Options
Misty View Drop Down
Senior Member
Senior Member
Avatar

Joined: 06 February 2002
Location: United States
Status: Offline
Points: 711 		Direct Link To This Post Topic: Needs Help with Resolution for a Web Site
    Posted: 23 November 2004 at 2:04pm

Can someone please help me to figure out how to set the resolution on this web site: removed the link on December 7th so it would look the same way on a laptop with a bigger screen? There's an example of how to design tables that would fit bigger resolutions at http://www.smartwebby.com/web_site_design/advanced_web_desig n.asp. I need some ideas on how to do it with this web page.

 



Edited by Misty - 07 December 2004 at 7:44pm
Back to Top
Gullanian View Drop Down
Senior Member
Senior Member
Avatar

Joined: 04 January 2002
Location: England
Status: Offline
Points: 4373 		Direct Link To This Post Posted: 23 November 2004 at 2:41pm
Article says it all really, just use %'s instead of fixed width tables, not sure if anyone would be able to tell you how to do it on your site without doing it all for you, just experiment.  
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937 		Direct Link To This Post Posted: 24 November 2004 at 1:03am

Here's a centered 4x4 table, width=100%. Each td=25%.
Put this code in a page and manually resize it to see how it works. 

<div align="center">
 <table border="0" cellpadding="0" style="border-collapse: collapse" width="100%">
  <tr>
   <td width="25%">a1</td>
   <td width="25%">b1</td>
   <td width="25%">c1</td>
   <td width="25%">d1</td>
  </tr>
  <tr>
   <td width="25%">a2</td>
   <td width="25%">b2</td>
   <td width="25%">c2</td>
   <td width="25%">d2</td>
  </tr>
  <tr>
   <td width="25%">a3</td>
   <td width="25%">b3</td>
   <td width="25%">c3</td>
   <td width="25%">d3</td>
  </tr>
  <tr>
   <td width="25%">a4</td>
   <td width="25%">b4</td>
   <td width="25%">c4</td>
   <td width="25%">d4</td>
  </tr>
 </table>
</div>

Lead me not into temptation... I know the short cut, follow me.
Back to Top
theSCIENTIST View Drop Down
Senior Member
Senior Member


Joined: 31 July 2003
Location: United Kingdom
Status: Offline
Points: 440 		Direct Link To This Post Posted: 24 November 2004 at 3:48pm
dpyers: I don't mean to criticise your code or anything, jut to provide a piece of advice.

You don't need to explicitly set the width="25%" to all TDs, just the first set of 4, on the first row, then all the others below will inherit it's width from the first definition found, this is cool because it saves alot in file size if you have a large table.

Misty: You can use fixed width TDs if you have to, in case you need to display something on the left that must be width static, and set the other TD to 100% width. Ex. The following is a table normally used in CMS systems where they have a little table on the left, content in the middle and another little table on the right. The left and right tables are width static, but the content one in the middle is set to 100% so it resizes as you resize the browser window. 

<TABLE BORDER="1" HEIGHT="200" CELLPADDING="0" CELLSPACING="0">

  <TR>

    <TD WIDTH="200" ALIGN="center">leftCell</TD>

    <TD WIDTH="100%" ALIGN="center">ContentCell</TD>

    <TD WIDTH="200" ALIGN="center">rightCell</TD>

  </TR>

</TABLE>


Edited by theSCIENTIST
:: www.mylittlehost.com
Back to Top
theSCIENTIST View Drop Down
Senior Member
Senior Member


Joined: 31 July 2003
Location: United Kingdom
Status: Offline
Points: 440 		Direct Link To This Post Posted: 24 November 2004 at 3:52pm
Humm, totally off-topic, but, is anyone noticing the edit by dates and time are wrong? Check the edit by auto-line in my post above!
:: www.mylittlehost.com
Back to Top
Gullanian View Drop Down
Senior Member
Senior Member
Avatar

Joined: 04 January 2002
Location: England
Status: Offline
Points: 4373 		Direct Link To This Post Posted: 24 November 2004 at 4:02pm
Test

Edited by Gullanian
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937 		Direct Link To This Post Posted: 24 November 2004 at 7:00pm
theSCIENTIST is right about only having to define the first row. I usually try to make all the tr/td tags look the same so they line up well in an code view. makes it easier to locate/change specific content. I'm a big fan of laid out code.

Lead me not into temptation... I know the short cut, follow me.
Back to Top
 Post Reply Post Reply

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.08
Copyright ©2001-2026 Web Wiz Ltd.

Become a Fan on Facebook Follow us on X Connect with us on LinkedIn Web Wiz Blogs
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Notice

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, UK.

Prices exclude VAT at 20% unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2026 Web Wiz Ltd. All rights reserved.