I can help you here. HTML is a lot easier I think. I don't even know what this slicing is but I can show you how to do it with HTML. What I always do is lay my layouts out in photoshop, then figure out how to code them. The most important codes you will need is < table >… that one right there, Trust me.
The method I use to code with was saving a webpage and simply modifying its coding, but this method was slow, difficult, and overall didn't produce a great result.
Well you shouldn't do that anyway, that's like stealing a layout almost XD Plus if you run across something and you don't know what it means, it's impossible to change it.
Take a look at saveonepiece.com:
It's all tables and links mostly. So is the old layout:
Now look at this site:
That was done by someone entirely different and if you right click and view source, you'll see they're done completely differently. Find a way that's right for you. I'll tell you my method, but if it doesn't work you can try something else.
Okay at SOP.com I basically used one giant table but of course it's invisible. Well here it is:
Now I don't know how much of this you all ready know so just skip it if you know it.
The table width is set to 775 pixels. Cell padding is how big a cell is, cell spacing is how far apart the cells are spaced. When you need images to line up, both should be set to zero.
A table is made up of < TD > and < TR > tags.
They mean table data and table row respectively. The < TD > tags always go inside the area where the < TR > tags are. If you look at my code you get this:
Look across the top row:
Empty because there's nothing there XD But notice I did set the width of the data as well. You won't always NEED this, but when you have images that need to line up, then it's a good idea.
```That's this pic:
again I set the width to be sure it lined up right
This time the pic is set as a background. Now I did NOT set the width of this one. This is because I set the width of all the others with the images as the foreground. The table had a certain width that I need it to be so this one will stretch out to max the table width by itself.
So it's basically this
Notice how it's wrapped around a < tr > and a < /tr > tag. This is obviously where the row starts and ends.
and before I go on is any of this making any sense/ I don't really know how much you know or need to know. If this is helping I'll continue on but if not, I'll shut up.