Bit of html help please

WotDa · 12 Feb 2007 at 20:33

So, I've been making a template for me new site in Photoshop and Image ready recently, sliced it up all ok, but when I go to put it on my site instead of showing in the middle of the page it shows over to the left hand top.

Click! So, as you can see its not in the middle where i want it to be, so, is there anyway to move it in the middle? I'm not that good with html anymore.

Also, I assume I can make the background cover up the white bits?

Thanks in advance, and sorry for the title.

Pho · 12 Feb 2007 at 20:42

Change the <table tag to:

Code:

<table id="Table_01" border="0" cellpadding="0" cellspacing="0" height="801" width="801" style="margin-left: auto; margin-right: auto;">

Note the style part.

To change the background I'd create a repeating background image (a vertical strip of the two gradients) and tile it on the background.

WotDa · 12 Feb 2007 at 20:48

Muchas gracias.

Pho · 12 Feb 2007 at 20:52

Was about to edit my other post

For the background you can do:

Code:

<body leftmargin="0" topmargin="0" bgcolor="#ffffff" marginheight="0" marginwidth="0" style="background-image: url(./images/background.gif); background-repeat: repeat-x;">

Of course, doing this means you may as well remove the background from the imageready output and just rely on the tiling from the CSS. It'll cut your page size down too

.

WotDa · 12 Feb 2007 at 21:02

Did I mention that the background is chopped up and spread between pieces of the page? Basically, its a layer in imageready, but when i did the slicing it got mangled up into chucks. If you know what I mean.

So, is there anyway to compile them to recreate one background image without doing several hours work again?

WotDa · 12 Feb 2007 at 22:32

Right, so I've split the background, and left the original in, the background now goes right across horizontally, but not vertically, leaving a white gap at the bottom, any ideas?

Pic

Edit:

Code:

<body leftmargin="0" topmargin="0" bgcolor="#ffffff" marginheight="0" marginwidth="0" style="background-image: url(./images/background.gif); background-repeat: repeat;">

Works for the home page, but none of the others. :confused:

Do I need to remember how I got the first one to work, then do that to the rest?

unwashed potato! · 12 Feb 2007 at 23:02

man that page loads up weird, small little boxes at a time. Im guessing this is what slicing means?

WotDa · 12 Feb 2007 at 23:10

Thats what it means when I'm about, I'm sure someone with some more knowledge and skills could do a better job compared to my dogs dinner, but its a side effect of a image based site I spose.

Pho · 13 Feb 2007 at 00:12

Sorry forgot about this thread. Personally, as you have a simple design I'd switch to CSS before it gets too complicated. It'll be worth it. In the meantime:

Code:

<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" style="background-color: #273038; background-image: url(./images/background.gif); background-repeat:

added a background color.