HTML Forum

**DemonKnight** · 08-07-2005, 06:10 PM

I have been trying and trying to find a way to allow my site to be seen in all resolutions. i am a complete noob on web design. I am using FrontPage. my website is http://www.indycomps.com
here is my homepage HTML code....i guess what i am asking is what do i need to do? i created the page in 1024x768.....it looks like poo in 800x600....
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns

="urn:schemas-microsoft-com

ffice

ffice" xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="File-List" href="index_files/filelist.xml">

<title>Indiana Quality Computers</title>

<style fprolloverstyle>A:hover {color: red; font-weight: bold}
</style>

</head>

<body>


 
<img border="0" src="images/Logo.jpg" align="middle" hspace="150" width="375" height="150">


Indiana Quality Computers

<hr color="#000080">
       &nbsp ;        & nbsp;        <!--[if gte vml 1]><v:shapetype id="_x0000_t172"
coordsize="21600,21600" o:spt="172" adj="12000" path="m0@0l21600,m,21600l21600@1e">
<v:formulas>
<v:f eqn="val #0"/>
<v:f eqn="sum 21600 0 @0"/>
<v:f eqn="prod #0 1 2"/>
<v:f eqn="sum @2 10800 0"/>
<v:f eqn="prod @1 1 2"/>
<v:f eqn="sum @4 10800 0"/>
</v:formulas>
<v

ath textpathok="t" o:connecttype="custom" o:connectlocs="10800,@2;0,@3;10800,@5;21600,@4"
o:connectangles="270,180,90,0"/>
<v:textpath on="t" fitshape="t"/>
<v:handles>
<v:h position="topLeft,#0" yrange="0,15429"/>
</v:handles>
<o:lock v:ext="edit" text="t" shapetype="t"/>
</v:shapetype><v:shape id="_x0000_s1027" type="#_x0000_t172" alt="Computers"
href="http://www.indycomps.com/computers.html" style='width:60.75pt;height:21.75pt'
adj="6924" fillcolor="blue" strokecolor="red">
<v:shadow on="t" color="#99f" opacity="52429f" offset="3pt,3pt"/>
<v:textpath style='font-family:"Impact";font-size:12pt;v-text-kern:t' trim="t"
fitpath="t" string="Computers"/>
</v:shape><![endif]--><![if !vml]><map
name=MicrosoftOfficeMap0><area shape=Polygon
coords="75, 0, 0, 1, 0, 22, 5, 27, 12, 27, 31, 27, 86, 19, 86, 6, 81, 0, 75, 0"
href="http://www.indycomps.com/computers.html"></map><img border=0 width=86
height=28 src="index_files/image001.gif" usemap="#MicrosoftOfficeMap0"
alt=Computers v:shapes="_x0000_s1027"><![endif]>        & nbsp;       &nb sp;       &nbsp ;  <![if !vml]><map
name=MicrosoftOfficeMap1><area shape=Polygon
coords="47, 1, 0, 7, 0, 24, 5, 29, 13, 29, 43, 29, 78, 23, 78, 6, 75, 1, 47, 1"
href="http://www.indycomps.com/cleaning.html"></map><img border=0 width=78
height=31 src="index_files/image002.gif" usemap="#MicrosoftOfficeMap1"
alt=Cleaning v:shapes="_x0000_s1030"><![endif]>        & nbsp;       &nb sp;       &nbsp ; <![if !vml]><map
name=MicrosoftOfficeMap2><area shape=Polygon
coords="124, 1, 0, 9, 0, 35, 5, 38, 9, 38, 17, 38, 25, 38, 44, 34, 89, 33, 138, 25, 138, 4, 132, 1, 124, 1"
href="http://www.indycomps.com/upgrades.html"></map><img border=0 width=139
height=40 src="index_files/image003.gif" usemap="#MicrosoftOfficeMap2"
alt=Upgrades v:shapes="_x0000_s1046"><![endif]>          &n bsp;       &nbs p;           <![if !vml]><map
name=MicrosoftOfficeMap3><area shape=Polygon
coords="70, 1, 19, 6, 0, 10, 0, 29, 1, 33, 5, 36, 13, 36, 63, 33, 87, 26, 87, 11, 82, 4, 75, 1, 70, 1"
href="http://www.indycomps.com/contact.html"></map><img border=0 width=87
height=38 src="index_files/image004.gif" usemap="#MicrosoftOfficeMap3"
alt=Contact v:shapes="_x0000_s1040"><![endif]>  
<hr noshade color="#000080">
<![if !vml]><map
name=MicrosoftOfficeMap4><area shape=Polygon
coords="107, 1, 3, 16, 0, 20, 0, 27, 3, 29, 8, 29, 30, 29, 82, 21, 81, 17, 121, 15, 123, 3, 114, 1, 107, 1"
href="http://www.indycomps.com/companyinfo.html"></map><img border=0 width=123
height=30 src="index_files/image005.gif" usemap="#MicrosoftOfficeMap4"
alt="About Us" v:shapes="_x0000_s1045"><![endif]>     &nbsp ;      <img border="0" src="images/Cleaning.jpg" width="189" height="177">      & nbsp;   <img border="0" src="images/Mid-Gamer.gif" width="147" height="180">      & nbsp;  <img border="0" src="images/ATI%20X800%20XT1.jpg" width="215" height="144">

</body>
     &nbsp ;        & nbsp;       &nb sp;       &nbsp ;     <a href="#" onclick="javascript:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no', width='400', height='350');">
<img src="https://www.paypal.com/en_US/i/bnr/horizontal_solution_PPeCheck.gif" border="0" alt="Solution Graphics" width="253" height="80"></a>                 &n bsp;       &nbs p;             </html>

**phillyhotshots** · 08-07-2005, 08:47 PM

It looks like your site is displayed the same for all resolutions and browsers. I checked it out using this site.

Whats the problem that you see?

**DemonKnight** · 08-07-2005, 09:34 PM

well...i guess that i gave a bad example... try this one... http://www.indycomps.com/computers.html
if you minimize the window, or look at it with 800x600 res. nothing is lined up correctly...i would like to have a horizontal scroll, i would like it to look as it is with 1024x768

**OmuCuSucu** · 08-08-2005, 01:08 PM

DemonKnight, could you please edit your post and put the proper code or php tags? it is really hard to read like that and you'll have a greater chance of someone helping you.... thank you.

**phillyhotshots** · 08-08-2005, 05:10 PM

Quote:

Originally Posted by DemonKnight

well...i guess that i gave a bad example... try this one... http://www.indycomps.com/computers.html
if you minimize the window, or look at it with 800x600 res. nothing is lined up correctly...i would like to have a horizontal scroll, i would like it to look as it is with 1024x768

On this page you have the body aligned to the left, and on the others its centered. To make it consistent, center it below the <body> tag.

Code:

<body>
<p align="center">

-instead of-

Code:

<body>
<p align="left">

**DemonKnight** · 08-10-2005, 08:50 PM

actually, i need them to stay the way that they are

....i would like it to have a horizontal scroll bar instead of trying to fit everything on the viewable page

**DemonKnight** · 08-14-2005, 12:07 AM

any suggestions?

**chrishirst** · 08-14-2005, 04:31 AM

then simply fix the widths at 900 pixels.

**DemonKnight** · 08-14-2005, 08:17 PM

how would i go about doing this with frontpage?

**chrishirst** · 08-15-2005, 02:46 AM

Use CSS this will give a 900 wide centered layout

This is in the style sheet

Code:

body {
  text-align:center;
}
#main {
  width:900px;
  margin:0px auto;
  text-align:left;
}

then place

HTML Code:

<div id="main">

after the <body> tag and

HTML Code:

</div>

before the </body> tag

I see it's the normal messed up code from M$ FP, Nice to see things don't change

the closing </body> & </html> tags are in the wrong place.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!