Fustration In Sliced Template

[LC Interactive]

I sliced this template right? And now its not allowing me to streach it (expand)

-I sliced the images to what i know is my best slicing, and took the longest time.
-problem-
The images are'nt doing what i want them to, i placed. I made it so that only the sides of stuff has to expand, and its not working.


>Arg hard to explain<

[Sean]

upload the site to the net, and let me see what your doing wrong

[LC Interactive]

you can see what i mean kinda, by this:
http://www.lc-interactive.com/spacingproblems.jpg

And this is how i sliced it:
http://www.lc-interactive.com/ver3slicing.jpg

I will upload the PSD if you want.

[Fragalot]

ehm, you have an online version of that? we wanna c the html code.

[LC Interactive]

None of this is pure HTML i just got it out of the Photoshop's Save as web. and added some css.

HTML (in text)
-http://www.lc-interactive.com/problem_html.htm
Regular view
-http://www.lc-interactive.com/problem_live.html

[Fragalot]

no need to paste in text. "view source code" ftw

[Fragalot]

Originally Posted by line 142

<td background="ver3/images/index_20.jpg">
<img src="ver3/images/index_20.jpg" width="9" height="194" alt=""></td>

open that image in photoshop, and cut out a 1px horizontal line, and erplace the height attribute here to "1"

Originally Posted by line 176

<td colspan="6">
<img border="0" src="ver3/images/index_23.jpg" width="212" height="21"></td><td>
<img src="ver3/images/spacer.gif" width="1" height="21" alt=""></td>

what's that spacer good for?

Originally Posted by line 186

<tr>
<td colspan="3">
<img src="ver3/images/index_25.jpg" width="496" height="8" alt=""></td>
<td>
<img src="ver3/images/spacer.gif" width="1" height="8" alt=""></td>

</tr>

kinda a useless image in there... it's just white, replace it with a bgcolor.






well, tbh, it's going to be easier after i look a bit better at it to take it all apart, and script it manually back together.. theres too many to fix in the code to get it right.. sorry that i have to say it like this.

[LC Interactive]

np, i know the coding is'nt perfect or even close to it, i just did a Save as web in Photoshop, i honostly not good at making a html site purely out of html, i get some parts sometimes.

But thats for the help, ill try to fix the html.

[Sean]

yeah have to agree with Fragalot, but Interactive none of us coded perfect when we first started off. Practise makes perfect.

As for slicing, try printing your image onto paper and then with a ruler draw lines like u would be cutting it out, keeping everything rectangular and inline. Once u got a rough idea how your going to slice your site, then think about cutting back on images and using repeatable backgrounds to increase loading times etc

[Fragalot]

sean, i just slice it in photoshop, take the images, get rid of the html created by photoshop, and then make the html myself in PSPad or areaneae (<- i keep misspelling that one!)


if i see an image can be repeated, i make sure it does, maybe use CSS to determine the direction and set some other stuff, ..

also, if an image is a solid color, use the HEX or rgb value (or just "green" ) to replace that image, this speeds up the site a bit more, and lowers traffic use.