how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

Reply
1 2

•
•
Join Date: Jul 2004
Posts: 95
Reputation: omol is an unknown quantity at this point 
Solved Threads: 4
omol's Avatar
omol omol is offline Offline
Junior Poster in Training

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

 
0
  #11
Sep 19th, 2008
heavenkid, can you copy and paste the code here? I will have a look for you and use your code as an example.

When i said don't use dreamweaver what i ment to say is it is also usful to know what is happening under the bonnet.

An alternative way to fix this would be to make the background black and to center the element.
Last edited by omol; Sep 19th, 2008 at 11:11 am. Reason: Edit suggested a fix.
asm
{ "\x04f\x06d\x06f\x06c" }
Reply With Quote Quick reply to this message  
•
•
Join Date: Sep 2008
Posts: 17
Reputation: heavenkid is an unknown quantity at this point 
Solved Threads: 0
heavenkid's Avatar
heavenkid heavenkid is offline Offline
Newbie Poster

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

 
0
  #12
Sep 21st, 2008
hey siriyal thx again its properly shown on diff monitor now
************************************
I am eager to learn.
On my way to be a workaholic!!!
************************************
Reply With Quote Quick reply to this message  
•
•
Join Date: Sep 2008
Posts: 17
Reputation: heavenkid is an unknown quantity at this point 
Solved Threads: 0
heavenkid's Avatar
heavenkid heavenkid is offline Offline
Newbie Poster

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

 
0
  #13
Sep 21st, 2008
•
•
•
•
Originally Posted by omol View Post
heavenkid, can you copy and paste the code here? I will have a look for you and use your code as an example.

When i said don't use dreamweaver what i ment to say is it is also usful to know what is happening under the bonnet.

An alternative way to fix this would be to make the background black and to center the element.
________________________________________________________________________
Here are my codes for that particular thumbnail i posted

html Syntax (Toggle Plain Text) 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. <!--
  8. .style2 {
  9. 	color: #FFFFFF;
  10. 	font-family: Georgia, "Times New Roman", Times, serif;
  11. 	font-size: large;
  12. }
  13. .style3 {color: #FFFFFF}
  14. .style6 {color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: xx-large; }
  15. .style8 {
  16. 	font-family: Arial, Helvetica, sans-serif;
  17. 	color: #000000;
  18. 	font-size: small;
  19. }
  20. .style11 {	font-family: Arial, Helvetica, sans-serif;
  21. 	color: #000000;
  22. }
  23. .style12 {font-family: Arial, Helvetica, sans-serif}
  24. .style15 {font-size: small}
  25. .style16 {font-family: Arial, Helvetica, sans-serif; font-size: x-large; color: #000000; font-style: italic; }
  26. -->
  27. </style></head>
  28.  
  29. <body>
  30. <table width="100%" height="100%" border="0" bordercolor="#000000" background="mainbg2.jpg" bgcolor="#000000">
  31.   <tr>
  32.     <th height="133" colspan="3" bordercolor="#B92732" scope="col"><div align="left"></div>
  33.       <div align="center"><img src="ailp-logo.gif" width="201" height="166" /><img src="AUTOMOTIVE.gif" width="1000" height="150" /></div></th>
  34.   </tr>
  35.   <tr>
  36.     <th height="48" colspan="3" bordercolor="#527084" scope="row">&nbsp;</th>
  37.   </tr>
  38.   <tr>
  39.     <th width="225" height="903" bordercolor="#527084" scope="row"><div align="right">
  40.       <p><img src="words.png" width="205" height="225" /><img src="introbut.png" width="204" height="88" /></p>
  41.       <p><img src="contentbut.png" width="204" height="88" /></p>
  42.       <p><img src="indexbut.png" width="204" height="88" /></p>
  43.       <p><img src="gallerybut.png" width="204" height="88" /></p>
  44.       <p><img src="video.png" width="204" height="88" /></p>
  45.       <p>&nbsp;</p>
  46.       <p>&nbsp;</p>
  47.       <p>&nbsp;</p>
  48.       <p>&nbsp;</p>
  49.     </div></th>
  50.     <th width="983" bordercolor="#000000" background="mainplate.png" scope="row"><p align="left" class="style12">&nbsp;</p>
  51.       <p align="left" class="style16">Welcome to our website</p>
  52.       <p align="left" class="style8">First of all we welcome you to our website with a catchy flash and a series of guides. You can take</p>
  53.       <p align="left" class="style8"> this as an online book which contains information like an ordinary book with exception of internet </p>
  54.       <p align="left" class="style8">links and its convenience.Have fun reading from our site. </p>
  55.       <p align="left" class="style11">&nbsp;</p>
  56.       <p align="left" class="style16">About us</p>
  57.       <p align="left" class="style8"><span class="style15">We are a group of ICT students from SVSB, Sekolah Vokasional Sultan Bolkiah and we are the </span></p>
  58.       <p align="left" class="style8"><span class="style15">developers of the</span> &quot;AILP&quot; <span class="style15">which is </span>&quot;Automotive Interactive Learning Package&quot;. <span class="style15">Our </span>main aim is to </p>
  59.       <p align="left" class="style8">develop a website which can aid instructors and students from different schools in developing interest </p>
  60.       <p align="left" class="style8">in the Automotive field. Our main aim of the website was to actually remove the manual system used</p>
  61.       <p align="left" class="style8"> in our school and replace it with computerized system for the convenience of our instructor. Therefore </p>
  62.       <p align="left" class="style8">we come up with the idea of &quot;AILP&quot;.</p>
  63.       <p align="left" class="style11">&nbsp;</p>
  64.       <p align="left" class="style16">What is this about</p>
  65.       <p align="left" class="style8">This website is dedicated to Automotive Topics such as &quot; Car engine &quot; which we will provide a detail </p>
  66.       <p align="left" class="style8">explaination on the major componentsbof the engine. Topics covered will be clearly stated in the </p>
  67.       <p align="left" class="style8">index area for easy navigation and convenient browsing. </p></th>
  68.     <th width="20" bordercolor="#000000" scope="row"><div align="left">
  69.       <p>&nbsp;</p>
  70.       <p>&nbsp;</p>
  71.       <p>&nbsp;</p>
  72.       <p>&nbsp;</p>
  73.       <p>&nbsp;</p>
  74.       <p>&nbsp;</p>
  75.     </div></th>
  76.   </tr>
  77.   <tr>
  78.     <th height="69" colspan="3" bordercolor="#527084" scope="row"><p align="center" class="style6">Home | About us | Help | Contact Us | Credit </p>
  79.     <p align="center" class="style2">Copyright <span class="style3">&copy; SVSB </span></p>    </th>
  80.   </tr>
  81. </table>
  82. </body>
  83. </html>
Last edited by peter_budo; Sep 22nd, 2008 at 3:28 pm. Reason: Keep It Organized - please use [code] tags
************************************
I am eager to learn.
On my way to be a workaholic!!!
************************************
Reply With Quote Quick reply to this message  
Reply
1 2

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Other Threads in the HTML and CSS Forum


Views: 2206 | Replies: 12
Thread Tools Search this Thread



Tag cloud for HTML and CSS
2002 appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity create css deleted design development displayimageinsteadofflash dreamweaver drupal emailmarketing epilepsy explorer firefox flash font fonts form format frontpage google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft missing mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. templates textcolor theme timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 wordpress xml xsl
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC