Hey guys im new here, it looks like a really nice forum so i signed up <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/smile.gif" style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" />. Ive been maintaining a website for a while now but target="_blank">Website<br /><br />There are a few problems I need help with, probably really obvious to you though. Firstly, the flash add above the top right add isnt loading, and i dont know why. Second, I want to center the whole site so it works in different resolutions, but i have many div layers, so i dont know how to center them all, I heard something about a wrapper div or something? How do i make target="_blank">[here]. How do i make that gap smaller?<br /><br />Thanks for any replies guys, as i said im pretty new to all this so go easy <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/biggrin.gif" style="vertical-align:middle" emoid="" border="0" alt="biggrin.gif" />. Also, any obvious mistakes ive made, point out and that will help too.<br /><br />Thanks again <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/biggrin.gif" style="vertical-align:middle" emoid="" border="0" alt="biggrin.gif" />.<!--content-->
well I can help with the centering part<br /><br />in your html insert<br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><body><br /><div id="wrapper"><br /><br />...all your content<br /><br /></div><br /></body><!--c2--></div><!--ec2--><br /><br />In your css insert all this, but replace the width for your actual layout width in pixels<br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->#wrapper {<br />margin: 0 auto;<br />width: 800px;<br />}<!--c2--></div><!--ec2--><!--content-->
Also putting in the css :<br /><br />body : text-align:center;<br /><br />this takes care of centering the wrapper in IE.<br /><br />So you have that for IE and the margin:auto for other browsers.<br /><!--content-->
You don't always need that though.. I have a layout that centres in IE6/7 using only the wrapper method<!--content-->
Thanks for the replies guys, ill try that out asap. Any ideas on the other stuff?<!--content-->
ahhh welcome to the wonderful world of CSS, I sure you'll like it. As for centering it..<br /><br />you want to wrap your whole site in a container, sooo..<br /><br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><html><br /><body><br /><div id="container"><br />Rest of code yada yada yada<br /></div><br /><body><br /></html><!--c2--></div><!--ec2--><br /><br />now style the container with css so....<br /><br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->#container {<br />margin:10px auto; <br />width:720px; or<br />width:100% or 80% etc.<br />}<!--c2--></div><!--ec2--><br /><br /><br />The auto take the whole container and positions it perfectly in the middle of the page. if you use the pixel width it makes your site fixed but the percent width makes it fluid so it is always the same size no matter what your moniter res is. I no they already told you this I just wanted to explain how it works to you.<br /><br />and btw. dont rely on the dreamweaver design view its not near perfect and also try using css to align the images that are messed up instead of a table, you can use the float property for this, look at <!-- w --><a class="postlink" href="http://www.pixel2life.com">www.pixel2life.com</a><!-- w --> for some good CSS Tuts. hope this explained it a little better<!--content-->
I tried having a look at your competition page, but I couldn't work anything out. It's very hard to understand what's going on when the layout if embedded in the HTML like that.<br /><br />One thing I noticed is that you use the same id for multiple elements. Ids should be unique. The class attribute should be used instead when you find yourself using the same id multiple times.<!--content-->
" border="0" alt="smile.gif" />. Ive been maintaining a website for a while now but target="_blank">Website<br /><br />There are a few problems I need help with, probably really obvious to you though. Firstly, the flash add above the top right add isnt loading, and i dont know why. Second, I want to center the whole site so it works in different resolutions, but i have many div layers, so i dont know how to center them all, I heard something about a wrapper div or something? How do i make target="_blank">[here]. How do i make that gap smaller?<br /><br />Thanks for any replies guys, as i said im pretty new to all this so go easy <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/biggrin.gif" style="vertical-align:middle" emoid="" border="0" alt="biggrin.gif" />. Also, any obvious mistakes ive made, point out and that will help too.<br /><br />Thanks again <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/biggrin.gif" style="vertical-align:middle" emoid="" border="0" alt="biggrin.gif" />.<!--content-->well I can help with the centering part<br /><br />in your html insert<br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><body><br /><div id="wrapper"><br /><br />...all your content<br /><br /></div><br /></body><!--c2--></div><!--ec2--><br /><br />In your css insert all this, but replace the width for your actual layout width in pixels<br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->#wrapper {<br />margin: 0 auto;<br />width: 800px;<br />}<!--c2--></div><!--ec2--><!--content-->
Also putting in the css :<br /><br />body : text-align:center;<br /><br />this takes care of centering the wrapper in IE.<br /><br />So you have that for IE and the margin:auto for other browsers.<br /><!--content-->
You don't always need that though.. I have a layout that centres in IE6/7 using only the wrapper method<!--content-->
Thanks for the replies guys, ill try that out asap. Any ideas on the other stuff?<!--content-->
ahhh welcome to the wonderful world of CSS, I sure you'll like it. As for centering it..<br /><br />you want to wrap your whole site in a container, sooo..<br /><br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><html><br /><body><br /><div id="container"><br />Rest of code yada yada yada<br /></div><br /><body><br /></html><!--c2--></div><!--ec2--><br /><br />now style the container with css so....<br /><br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->#container {<br />margin:10px auto; <br />width:720px; or<br />width:100% or 80% etc.<br />}<!--c2--></div><!--ec2--><br /><br /><br />The auto take the whole container and positions it perfectly in the middle of the page. if you use the pixel width it makes your site fixed but the percent width makes it fluid so it is always the same size no matter what your moniter res is. I no they already told you this I just wanted to explain how it works to you.<br /><br />and btw. dont rely on the dreamweaver design view its not near perfect and also try using css to align the images that are messed up instead of a table, you can use the float property for this, look at <!-- w --><a class="postlink" href="http://www.pixel2life.com">www.pixel2life.com</a><!-- w --> for some good CSS Tuts. hope this explained it a little better<!--content-->
I tried having a look at your competition page, but I couldn't work anything out. It's very hard to understand what's going on when the layout if embedded in the HTML like that.<br /><br />One thing I noticed is that you use the same id for multiple elements. Ids should be unique. The class attribute should be used instead when you find yourself using the same id multiple times.<!--content-->