BioRUST Forums - View Single Post

Jolt · 08-13-2007

Hi avisioncame,

Welcome.

Here are a few tips....
#1) Add proper head tags to pages. The sample you linked to is not only missing a DOCTYPE declaration, but it's missing all the head tags. Not good. Now this may just be because it's a sample, but just in case it isn't.

#2) There's no substitute for knowing code. Especially HTML/XHTML and CSS. it's like trying to write a book and not knowing how to spell. Or being hired as a delivery driver and not knowing how to drive. It's basic. HTML is easy to pick up for most people.

#3) to specifically solve your centering question, If you add an encompassing div around all content (<div id="wrapper"> after <body> and </div> before </body>) You can then center the content by adding the following to your CSS (between <style> and </style>)

Code:

#wrapper { 
    width: 720px; /*this is the width of all the content */
    margin: 0 auto;
    text-align: left;
  }

Then change the CSS for the Body tag to support centering in IE6

Code:

body {
	background-color: #3E3E3E;
      text-align: center;
}

#4) to be honest, any WYSIWYG editor such as Dreamweaver or GoLive will create CSS code that is exceptionally over-weighted with unnecessary selectors and properties. By hand, you could create the exact same page with 5 (maybe 7) divs rather than the 12 that currently exist. Not to mention you could whittle down the CSS considerably as well. Further reducing page weight and saving on bandwidth while improving load times.

08-13-2007	#2 (permalink)
Jolt Registered User Join Date: Aug 2004 Posts: 110	Hi avisioncame, Welcome. Here are a few tips.... #1) Add proper head tags to pages. The sample you linked to is not only missing a DOCTYPE declaration, but it's missing all the head tags. Not good. Now this may just be because it's a sample, but just in case it isn't. #2) There's no substitute for knowing code. Especially HTML/XHTML and CSS. it's like trying to write a book and not knowing how to spell. Or being hired as a delivery driver and not knowing how to drive. It's basic. HTML is easy to pick up for most people. #3) to specifically solve your centering question, If you add an encompassing div around all content (<div id="wrapper"> after <body> and </div> before </body>) You can then center the content by adding the following to your CSS (between <style> and </style>) Code: #wrapper { width: 720px; /this is the width of all the content / margin: 0 auto; text-align: left; } Then change the CSS for the Body tag to support centering in IE6 Code: body { background-color: #3E3E3E; text-align: center; } #4) to be honest, any WYSIWYG editor such as Dreamweaver or GoLive will create CSS code that is exceptionally over-weighted with unnecessary selectors and properties. By hand, you could create the exact same page with 5 (maybe 7) divs rather than the 12 that currently exist. Not to mention you could whittle down the CSS considerably as well. Further reducing page weight and saving on bandwidth while improving load times.