Bit of html help please

Soldato
Joined
6 Jun 2006
Posts
6,012
Location
Kent
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. :o
 

Pho

Pho

Soldato
Joined
18 Oct 2002
Posts
9,324
Location
Derbyshire
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.
 
Last edited:

Pho

Pho

Soldato
Joined
18 Oct 2002
Posts
9,324
Location
Derbyshire
Was about to edit my other post :o

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;">

background.gif


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 :).
 
Soldato
OP
Joined
6 Jun 2006
Posts
6,012
Location
Kent
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. :o

So, is there anyway to compile them to recreate one background image without doing several hours work again? :)
 
Soldato
OP
Joined
6 Jun 2006
Posts
6,012
Location
Kent
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?
 
Last edited:
Soldato
OP
Joined
6 Jun 2006
Posts
6,012
Location
Kent
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

Pho

Soldato
Joined
18 Oct 2002
Posts
9,324
Location
Derbyshire
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.
 
Back
Top Bottom