PDA

Click to See Complete Forum and Search --> : Frontpagers Have a Question

n00b12
05-01-2006, 07:08 AM
how can i center my website for any monitor resolution? for example i make my website in 1024x768 resolution, when i open it with 800x600 my website will be disaranged. pls help :)
johneva
05-01-2006, 07:40 AM
Here you go try adding these to your pages code.
Replace you body tag for this.

<body style="text-align:center; margin:0 auto;">

Or even better keep this in the CSS in the head of your page or in a seperate CSS file if you use them.

body {
text-align: center;
margin: 0 auto;
}
n00b12
05-01-2006, 09:25 AM
sir i dont know where can i put the following HTML code that you gave to me, here are my HTLM code. hope you tell me where should it put it and what to do next hehehe. :D

IMAGE REMOVE!
johneva
05-01-2006, 09:51 AM
Add this.

<style type="text/css">
body {
text-align: center;
margin: 0 auto;
}
</style>

http://i33.photobucket.com/albums/d62/johneva/dia.jpg
n00b12
05-01-2006, 10:18 AM
sir i mean that if i enter that HTLM code this picture below will be centered and there will be no space left at the side.

http://i63.photobucket.com/albums/h143/n00b12/web5.jpg
johneva
05-01-2006, 10:31 AM
I dont really have a clue what your sayin now.

You asked how to center something and I told ya.

You have not even given a link to the site so I can see it properly you keep posting these screen shots.

The coding is a nightmare cos you have used Front Page to make the site
JPnyc
05-01-2006, 11:08 AM
Where did all those blockquotes come from? We need to get Pete in here, he's used Frontpage.
n00b12
05-01-2006, 07:36 PM
@johneva

im so sorry. i mean that what code will do to make my website get in the center and there will be no spce left at the right side.
johneva
05-02-2006, 04:42 AM
I am not sure how your site is at the min and it would be much easyer if I could go to it and work out your problem.

I am still not sure what you really want anymore.

Do you want it 100% of the screens width now then?
n00b12
05-02-2006, 05:59 AM
yes sir. i want it to be 100% with in the screen in ny monitor resolution. is that posible sir?
pcthug
05-02-2006, 06:21 AM
Whoa! That's gotta be the worst use of <blockquote> i've ever seen.

The code that johneva gave you before will be ignored because your body is set to absolute positioning.

I think the best way for us to help you is if you go into code view again, select all (ctrl+a) and paste it here in the forum.
johneva
05-02-2006, 06:54 AM
The code that johneva gave you before will be ignored because your body is set to absolute positioning.


Oh yeah good point fella.

And yeah he is right you also have lots of code that is not right and we need to see the whole lot properly.

We need either the whole code copy and pasted in here or a link to a URL for the page.
n00b12
05-02-2006, 09:30 AM
here it is! hope u guys can help me! I will remove the pictures above.

________________________________________________________________________

<html>

<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">
<title>R.A.T.S. DIGOS OFFICIAL WEBSITE POWERED BY BLACK HAWK AND GUNNER-12</title>

<body background="images_camouflage.jpg" style="position: absolute">

<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p>
<img border="0" src="box3%20j.jpg" style="position: absolute; left: 129; top: 2" width="576" height="180"><img border="0" src="logo%20final.jpg" style="position: absolute; left: 3; top: 11" width="200" height="174"></p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<p>&nbsp;</p>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p>
</p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<p>&nbsp;</p>
<p>
<img border="0" src="maci.jpg" style="position: absolute; left: 627; top: 0" width="149" height="180"></p>
<p>&nbsp;</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p></p>
<p>
</p>
<p>
</p>
<p></p>
<p></p>
<p>
<b>&nbsp;</b></p>
<p>
</p>
<hr color="#FF0000" size="28" style="position: absolute; left: 0; top: 193" width="782">
<p>
&nbsp;&nbsp; </p>
<p>
</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="lforum.htm">
<img border="0" src="forum.jpg" style="position: absolute; left: 73; top: 198" width="72" height="18"></a><a href="lrules.htm"><img border="0" src="rules.jpg" style="position: absolute; left: 145; top: 198" width="72" height="18"></a><a href="lcontactus.htm"><img border="0" src="contact%20us.jpg" style="position: absolute; left: 599; top: 198" width="108" height="18"></a></p>
<p>
<img border="0" src="home2.jpg" style="position: absolute; left: 1; top: 198" width="72" height="18"></p>
<p>
</p>
<p><font color="#FFFF00" size="6">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font>
<font color="#FFFF00" size="5">
<b>&nbsp;&nbsp;<img border="0" src="pic%20of%20the%20month.jpg" style="position: absolute; left: 291; top: 232" width="216" height="36">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </b></font>
<a href="lgallery.htm"><img border="0" src="new%20gallery.jpg" style="position: absolute; left: 325; top: 198" width="72" height="18"></a><a href="loficermemebers.htm"><img border="0" src="new%20membersoficers.jpg" style="position: absolute; left: 217; top: 198" width="108" height="18"></a><font color="#FFFF00" size="5"><b><a href="lgamesite.htm"><img border="0" src="gamesite.jpg" style="position: absolute; left: 397; top: 198" width="72" height="18"></a><a href="lschedule.htm"><img border="0" src="schedule.jpg" style="position: absolute; left: 469; top: 198" width="130" height="18"></a><a href="llinks.htm"><img border="0" src="link.jpg" style="position: absolute; left: 707; top: 198" width="72" height="18"></a></b></font><img border="0" src="may.jpg" style="position: absolute; left: 346; top: 271" width="108" height="36"><img border="0" src="month%20picture%20april.JPG" style="position: absolute; left: 91; top: 314" width="624" height="463"></p>

<p>
<img border="0" src="GIFsas.gif" style="position: absolute; left: 285; top: 826" width="258" height="108"></p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
<img border="0" src="GIFpower.gif" style="position: absolute; left: 339; top: 783" width="144" height="36"></p>

<p>&nbsp;</p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

<p>&nbsp;</p>

</body>

</html>
n00b12
05-02-2006, 09:32 AM
...
Zarel
05-02-2006, 06:18 PM
Man, whoever designed this forum and whoever the theme for this forum seem to have forgotten two things:

overflow:visible; so, the whole page isn't stretched when something wider than usual is inserted into the page.
forcing spaces in something that's too wide for the page.

As for your question, just put <div style="text-align:center"> </div> around the image. Like so:

BEFORE (if you can't find it, select the image before clicking "HTML" at the bottom, the following HTML, with 'etc' replaced with whatever, will be selected):

<img src="etc">

AFTER:

<div style="text-align:center"><img src="etc"></div>
pcthug
05-02-2006, 06:51 PM
You see, that solution isn't going to work correctly either, primarly because every element on the page is either positioned absolutly or is positioned with hundreds of non-breaking spaces (&nbsp;)
n00b12
05-02-2006, 10:00 PM
nah forget this topic! :( THX to all people who try to help me. :D