Hi all, im new to web designing so please excuse me if this sounds stupid.<br /><br />Iv created a webpage using miscosoft front page in 1024x768 screen resolution and everything looks perfect, however when i change to a bigger resolution the background image tiles, iv managed to find a bit of html code to eliminate the tile but the webpage is located to the left hand side of the web browser.<br /><br />How do i get the webpage (background image, layers, layout tables & cells) to be located in the center of the browser for all screen resolutions?<br /><br />All help is greatly appreciated, many thanks.<!--content-->
what is the web address, as that would help us see where you are going wrong <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/smile.gif" style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /><!--content-->
Sorry i should of posted that first. <br /><br />Its <!-- w --><a class="postlink" href="http://www.heavensmovies.com">www.heavensmovies.com</a><!-- w -->. /><br />Thanks<!--content-->
Right the best way to do this after looking at your code would be this...<br /><br />Place this just before the </head> tag<br /><br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><style><br />#wrapper {<br />position:relative;<br />width:750px; /* this can be change to any size I am just using a random number here*/<br />margin: 0 auto; }<br /><br /></style><!--c2--></div><!--ec2--><br /><br /><br /><br />then just after the <body> tag put this<br /><br /><div id="wrapper"><br /><br />and just before the </body> place this<br /></div><br /><br /><br />That will always center it style="vertical-align:middle" emoid="
" border="0" alt="biggrin.gif" /><!--content-->
What you really need to learn is some css. Go to <!-- w --><a class="postlink" href="http://www.w3schools.com">www.w3schools.com</a><!-- w --> and look at the CSS section.<!--content-->
[quote name='Dizi' date='Jan 6 2008, 19:58' post='20945']<br />Right the best way to do this after looking at your code would be this...<br /><br /><br /><br />Thanks for the info, it worked but if you take a look at the site now it><img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->To be a good web developer you really dont need a software, what you need is to learn html and css. I know some people that create all there sites using notepad.<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />Really? Id love to be able to do that. Would that site you gave me put me target="_blank">http://www.htmldog.com/<br /><br /><!--content-->
Ya that site I gave you will be able to put you style="vertical-align:middle" emoid="" border="0" alt="smile.gif" /><!--content-->
<!-- w --><a class="postlink" href="http://www.heavensmovies.com??">www.heavensmovies.com??</a><!-- w -->? /><br />yeah im using firefox and everything is all over the place...<!--content-->
same here. It looks like its doubling everything.<!--content-->
Hi all, i used the background image as a map as to where to place the page elements.<br /><br />Iv managed to sort out the centering broblem by researching a bit of html and using the following code:<br /><br /><!--coloro:#FF0000--><span style="color:#FF0000"><!--/coloro--><body style="background-image: url('demo.PNG'); background-repeat:<br />no-repeat; background-position: center"><!--colorc--></span><!--/colorc--><br /><br />Thanks guys, however the layers iv used><!--/coloro--><div style="position: absolute; width: 100px; height: 14px; z-index: 7; left: 60px; top: 55px" id="layer10"><br /><a href=http://www.webdesignerforum.co.uk/lofiversion/index.php/"../My%20Documents/My%20Webs/heavensmovies.com/index.htm"><br /><img border="0" src=http://www.webdesignerforum.co.uk/lofiversion/index.php/"heavensmovies.bmp" width="315" height="27"></a></div><!--colorc--></span><!--/colorc--><br /><br />Does anybody know how to make this match up with the background and move with the background as the screen resolution is changed.<br /><br />Thanks.<!--content-->
Another problem iv just noticed, now the background image has positioned high so to speak when viewed using firefox, to get what i mean in the previous post use internet explorer.<br /><br />Does anybody know why this has happened and how i can sort this also?<br /><br />Thanks<!--content-->
you are going to have so many problems doing the site how you are...Using style="vertical-align:middle" emoid="" border="0" alt="smile.gif" /></i><!--content-->
You lot are great. Your right i am going about this all wrong, i was simply trying to create a website quickly and get it done, however its clear to me now if i want to make the site look and function quality i have to do a bit of research and learn a lot more about html, its just a lot to take in as said above.<br /><br />Thanks all, greatly appreciated.<!--content-->
no problem and good luck if you have any problems dont be scared to post them here<!--content-->
Dizi, do you know where i can learn how to do things such as create the boxes and the nav bar background like you did in that code you created for me. I cant seem to find any information>Click to view attachment<!--content-->
That's what a lot of this conversation has been about, that and using a big image like that instead of coding the boxes.<!--content-->
<!--quoteo(post=21154:date=Jan 9 2008, 18:26:name=Dizi)--><div class='quotetop'>QUOTE(Dizi @ Jan 9 2008, 18:26) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->That's what a lot of this conversation has been about, that and using a big image like that instead of coding the boxes.<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />Do you know where i can learn how to do this? Iv tried W3Schools target="_blank">http://www.htmldog.com/<br /><br /><br />you have to remember that you would need to build up your basic knowledge first, learning some basic HTML and CSS and that site is really good for such things <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/smile.gif" style="vertical-align:middle" emoid="" border="0" alt="smile.gif" /><!--content-->
what is the web address, as that would help us see where you are going wrong <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/smile.gif" style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /><!--content-->Sorry i should of posted that first. <br /><br />Its <!-- w --><a class="postlink" href="http://www.heavensmovies.com">www.heavensmovies.com</a><!-- w -->. /><br />Thanks<!--content-->
Right the best way to do this after looking at your code would be this...<br /><br />Place this just before the </head> tag<br /><br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><style><br />#wrapper {<br />position:relative;<br />width:750px; /* this can be change to any size I am just using a random number here*/<br />margin: 0 auto; }<br /><br /></style><!--c2--></div><!--ec2--><br /><br /><br /><br />then just after the <body> tag put this<br /><br /><div id="wrapper"><br /><br />and just before the </body> place this<br /></div><br /><br /><br />That will always center it style="vertical-align:middle" emoid="
" border="0" alt="biggrin.gif" /><!--content-->What you really need to learn is some css. Go to <!-- w --><a class="postlink" href="http://www.w3schools.com">www.w3schools.com</a><!-- w --> and look at the CSS section.<!--content-->
[quote name='Dizi' date='Jan 6 2008, 19:58' post='20945']<br />Right the best way to do this after looking at your code would be this...<br /><br /><br /><br />Thanks for the info, it worked but if you take a look at the site now it><img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->To be a good web developer you really dont need a software, what you need is to learn html and css. I know some people that create all there sites using notepad.<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />Really? Id love to be able to do that. Would that site you gave me put me target="_blank">http://www.htmldog.com/<br /><br /><!--content-->
Ya that site I gave you will be able to put you style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /><!--content--><!-- w --><a class="postlink" href="http://www.heavensmovies.com??">www.heavensmovies.com??</a><!-- w -->? /><br />yeah im using firefox and everything is all over the place...<!--content-->
same here. It looks like its doubling everything.<!--content-->
Hi all, i used the background image as a map as to where to place the page elements.<br /><br />Iv managed to sort out the centering broblem by researching a bit of html and using the following code:<br /><br /><!--coloro:#FF0000--><span style="color:#FF0000"><!--/coloro--><body style="background-image: url('demo.PNG'); background-repeat:<br />no-repeat; background-position: center"><!--colorc--></span><!--/colorc--><br /><br />Thanks guys, however the layers iv used><!--/coloro--><div style="position: absolute; width: 100px; height: 14px; z-index: 7; left: 60px; top: 55px" id="layer10"><br /><a href=http://www.webdesignerforum.co.uk/lofiversion/index.php/"../My%20Documents/My%20Webs/heavensmovies.com/index.htm"><br /><img border="0" src=http://www.webdesignerforum.co.uk/lofiversion/index.php/"heavensmovies.bmp" width="315" height="27"></a></div><!--colorc--></span><!--/colorc--><br /><br />Does anybody know how to make this match up with the background and move with the background as the screen resolution is changed.<br /><br />Thanks.<!--content-->
Another problem iv just noticed, now the background image has positioned high so to speak when viewed using firefox, to get what i mean in the previous post use internet explorer.<br /><br />Does anybody know why this has happened and how i can sort this also?<br /><br />Thanks<!--content-->
you are going to have so many problems doing the site how you are...Using style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /></i><!--content-->You lot are great. Your right i am going about this all wrong, i was simply trying to create a website quickly and get it done, however its clear to me now if i want to make the site look and function quality i have to do a bit of research and learn a lot more about html, its just a lot to take in as said above.<br /><br />Thanks all, greatly appreciated.<!--content-->
no problem and good luck if you have any problems dont be scared to post them here<!--content-->
Dizi, do you know where i can learn how to do things such as create the boxes and the nav bar background like you did in that code you created for me. I cant seem to find any information>Click to view attachment<!--content-->
That's what a lot of this conversation has been about, that and using a big image like that instead of coding the boxes.<!--content-->
<!--quoteo(post=21154:date=Jan 9 2008, 18:26:name=Dizi)--><div class='quotetop'>QUOTE(Dizi @ Jan 9 2008, 18:26) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->That's what a lot of this conversation has been about, that and using a big image like that instead of coding the boxes.<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />Do you know where i can learn how to do this? Iv tried W3Schools target="_blank">http://www.htmldog.com/<br /><br /><br />you have to remember that you would need to build up your basic knowledge first, learning some basic HTML and CSS and that site is really good for such things <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/smile.gif" style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /><!--content-->