Miss-Behaving Text :(

[Lewwy]

I got a text problem, I sliced my layout in Photoshop, opened in Dreamweaver then put a <div> layer for the text. It looks perfect in dreamweaver, but when uploaded, the text slides along to the left. Anyone who can fix this, will be a God in my books !

linkage.. www.evolewtion.co.uk/EW (http://www.evolewtion.co.uk/EW)

[Cobol]

Strange I only see html and no flash? And yeah I dont see your problem at all your page loaded perfectly fine for me. No text problems that I can see at all.

[sepremier22]

Theres a big difference in my browser and thats because you probably made it for a certain browser. All browsers interpret the code differently. The alignment between IE and Firefox is very noticable and if you dont use tables and frames, then your images are going to be different than your text.

Post your source files and I could help you.

[Lewwy]

Cobol : I said nothing about Flash :P .

Sepremier : Will do mate, give me 5 mins. Actually.. How am I gonna post a html document?

[sepremier22]

Do attachments. Also include the photoshop image that you sliced up.

[Lewwy]

http://www.evolewtion.co.uk/EW.zip (http://www.evolewtion.co.uk/www/EW.zip)

Ill get it to work eventually.

Nope maybe I wont..
The files are too big to upload via kirupa..

So I uploaded them to my own server.. But I still cant get a link to friggin work :S

[sepremier22]

Hm....harder than I thought. I usually dont use DIV and I only use tables for organizing my layouts. Sorry.

[thesparky007]

everything looks fine to me

[sepremier22]

what browser you using sparky?

[petefs]

your table is centered.

if you want to center your divs, try giving them margin: 0 auto; ^_^
then they can be pushed a bit using left / top to match up with where you want them exactly

[bwh2]

the problem is you're using absolute positioning for some div's.

[ditt0]

Forge the absolute positioning. That's a real pain. Instead of inserting the slices as average images in the code, make them background images for the cells they fit in and then the text would go in those cells too, so you won't need layers.

[Lewwy]

Cool.. So now I know the problem.. And sorta how to fix it.. But could I please have further instructions on making the sliced images the background of the cell. There is only ONE table in the webpage.. Im not sure if each new image, should have a new table?

[ditt0]

you need to make table cells for all the images

[Lewwy]

A la bruchette.

:( Its gonna take ages.. Call me stupid, but how do I make tables :P

I have never used them EVER before :|

Thanks for your patience, and help guys :)

[ditt0]

http://www.echoecho.com/htmltables01.htm

[Lewwy]

Thanks.. Ill do it as soon as I get in :)

In the meantime.. Could you explain what I do when ive done that?

[ditt0]

It's useless to explain further on if you don't know the basic tags of a table. So first of all read and learn:) Then try to build up a table with cells for every slice you have.

[ditt0]

Here's how it goes. You layout is already divided in cells. And to make the images background-images you would have instead of :

<td ><img src="spacer.gif" width="1" height="12" alt="" ></td >

this


< td background="spacer.gif" width="1" height="12" >some text </td >


I am sorry, but I cannot do the work for you. I can try to help, I can give you hints or links from where you can learn, but I cannot code up the whole site for you. No offence.

[Lewwy]

None taken..

I sort of get it now anyway, Thanks :)