Web Design Forums

mony · 30-11-2007, 05:48

hello everyone

i have designed my web page in photoshop and after dividing the image into various slices, i saved it for web. page is looking perfect. i have uploaded my page to my web server. now when i browse for my page, all slices appear randomly on page that looks awkward

.. i want all slices appear on the page together giving it a one full image feeling ..

i also tried to preload my images (i know its a bad idea though n can increase the page load time) but i want to achieve a smooth page loading n can compromise on load time a bit .. dreamweaver creates this function for me .. it seems to work fine for rollover images but when i add all image slices into it, nothing satisfactory happens

anyone can help me out with that plzzzzzzzzzz
thanks

mx · 30-11-2007, 06:55

Hmm. I think you might need to learn some xhtml coding...

mony · 04-12-2007, 02:01

thanks mx for your quick response

i have read that basically the code is same for both xtml and html. the only difference is that there are more rules that you must follow in xhtml and nothing else. if there is something i m missing and can b helpful for my sliced layout, plss temme.
i also tried to edit my psd in image ready and saved it as optimized one. it generated an xhtml for me along with css. someone told me that css saves page load time an good for sliced images n also that i shouldnt b using table layout for page. but that xhtml is working the same slow way

.. after reading few reviews of generating css with image ready, i came to know people r not really very happy with image ready css code as page needs to incorporate so many div tags thats not a good approach .. also, positioning of slices is absolute .. i m not good with css
if someone having a good experience of page load time with css for sliced layout then plss share ..'m ready to learn it if it does what i want

thanks

Shiro · 04-12-2007, 04:06

The problem here isn't css coding, the problem is your css coding. XHTML (or HTML 4) combined with CSS load quite fast and smoothly when done right.

The reason that MX said what he did is because if you know how to use xhtml and css properly, you dont need to slice images.

mony · 04-12-2007, 06:26

thanks haku for ur kind help

.. now i have started doin most of the things with css and xhtml .. but i love my page layout n i m not an expert with css so i'll still be using few images for navigation bar (rollovers), top banner n offcourse footer too .. i hope i manage to do it well .. i have already used a very small image with gradient effect as page bg by repeating the same with css .. will try to do it with text area as well

will get back for more help
thaaaaaaaaaaaanks alot once again

30-11-2007, 05:48	#1 (permalink)
mony Registered User Join Date: Nov 2007 Posts: 5	image slicing hello everyone i have designed my web page in photoshop and after dividing the image into various slices, i saved it for web. page is looking perfect. i have uploaded my page to my web server. now when i browse for my page, all slices appear randomly on page that looks awkward .. i want all slices appear on the page together giving it a one full image feeling .. i also tried to preload my images (i know its a bad idea though n can increase the page load time) but i want to achieve a smooth page loading n can compromise on load time a bit .. dreamweaver creates this function for me .. it seems to work fine for rollover images but when i add all image slices into it, nothing satisfactory happens anyone can help me out with that plzzzzzzzzzz thanks

30-11-2007, 06:55	#2 (permalink)
mx fucksocks™ Join Date: Jun 2005 Location: in the boosh Posts: 1,622	Hmm. I think you might need to learn some xhtml coding... __________________

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

04-12-2007, 02:01	#3 (permalink)
mony Registered User Join Date: Nov 2007 Posts: 5	thanks mx for your quick response i have read that basically the code is same for both xtml and html. the only difference is that there are more rules that you must follow in xhtml and nothing else. if there is something i m missing and can b helpful for my sliced layout, plss temme. i also tried to edit my psd in image ready and saved it as optimized one. it generated an xhtml for me along with css. someone told me that css saves page load time an good for sliced images n also that i shouldnt b using table layout for page. but that xhtml is working the same slow way .. after reading few reviews of generating css with image ready, i came to know people r not really very happy with image ready css code as page needs to incorporate so many div tags thats not a good approach .. also, positioning of slices is absolute .. i m not good with css if someone having a good experience of page load time with css for sliced layout then plss share ..'m ready to learn it if it does what i want thanks

04-12-2007, 04:06	#4 (permalink)
Shiro shiro Join Date: Aug 2007 Location: Yokohama, Japan Posts: 2,610	The problem here isn't css coding, the problem is your css coding. XHTML (or HTML 4) combined with CSS load quite fast and smoothly when done right. The reason that MX said what he did is because if you know how to use xhtml and css properly, you dont need to slice images.

04-12-2007, 06:26	#5 (permalink)
mony Registered User Join Date: Nov 2007 Posts: 5	thanks haku for ur kind help .. now i have started doin most of the things with css and xhtml .. but i love my page layout n i m not an expert with css so i'll still be using few images for navigation bar (rollovers), top banner n offcourse footer too .. i hope i manage to do it well .. i have already used a very small image with gradient effect as page bg by repeating the same with css .. will try to do it with text area as well will get back for more help thaaaaaaaaaaaanks alot once again

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)