Hi,
I'm newbie to CMSMS but have experience with WP. I've sliced a graphic with adobe fireworks and exported the image. The result is a bunch (42) of png files and one html file.
Is there quick way of getting this sliced image into a content page?
I've uploaded all the images manually into a folder in the standard image directory. I've copied the html code into a page. Changed the urls to match the upload directory. But the image looks crap. It seems that there is spacing (quite a lot maybe 20px) between the slices. What did I do wrong?
Thx for any suggestions.
How to insert slices made in fireworks?
[SOLVED] How to insert slices made in fireworks?
Problem solved. I've inserted an iframe in the text box.
Re: How to insert slices made in fireworks?
I most likely could have helped you avoid the iframe if I had a link to what you are working on, iframes suck 
...
...Re: How to insert slices made in fireworks?
Your right iframe isn't a perfect solution. I didn't knew another another way. Still interested in your solution.
The image has more than 100 slices, a link to which file do you need? To the html file?
The image has more than 100 slices, a link to which file do you need? To the html file?
Re: How to insert slices made in fireworks?
The page that is problem so I can see the html/css...
Re: How to insert slices made in fireworks?
Sorry, as I said I'm a newbie...
Link: http://www.smartcapitalnetwork.nl/test.html
First you see all the slices but the references to the images are wrong coz these are in another directory. That's why you don't see the images right now. But even if I change that, by hand, the total image doesn't look right.
The output from fireworks is usually a bunch of slices (png files), a gif space file and a html-file. Am curious to understand how to get that into cmsms?
Link: http://www.smartcapitalnetwork.nl/test.html
First you see all the slices but the references to the images are wrong coz these are in another directory. That's why you don't see the images right now. But even if I change that, by hand, the total image doesn't look right.
The output from fireworks is usually a bunch of slices (png files), a gif space file and a html-file. Am curious to understand how to get that into cmsms?
-
uniqu3
Re: How to insert slices made in fireworks?
Problem could be with % in your image names? Possibly the exported images are named with spaces?
Re: How to insert slices made in fireworks?
Could be but don't think so. The %20 is the code for space. would be better indeed to remove space in file names, sure. Will do that next time.
But still wondering how to handle the tons of png files (slices) and the html code. Any clue?
But still wondering how to handle the tons of png files (slices) and the html code. Any clue?
-
uniqu3
Re: How to insert slices made in fireworks?
Well can't say much since first i have no idea where your images are located, maybe you could correct few paths so we can take a look at it?
Also what are you actually trying to create? Maybe there is easier solution to what you are trying to do?
Also what are you actually trying to create? Maybe there is easier solution to what you are trying to do?
Re: How to insert slices made in fireworks?
Ok. What I'm trying to create see here; http://www.smartcapitalnetwork.nl/criteria-vs10.html But as said i used an iframe.
Dr.CSS said that there might be a better solution.
I've corrected a few file names but not all it's such a pain. The images are here: http://www.smartcapitalnetwork.nl/uploa ... S10_click/
Dr.CSS said that there might be a better solution.
I've corrected a few file names but not all it's such a pain. The images are here: http://www.smartcapitalnetwork.nl/uploa ... S10_click/
-
uniqu3
Re: How to insert slices made in fireworks?
Interesting problem, possibly adding width and height to table elements would help.
But to be honest i would not slice the image but rather resize so it fits in the content area and llink with map area property, well i think this would be the fastest way to go.
Another option i would use is doing it with css.
You would need a div wrapping around the image with width and height set and relative position, than simply adding span or div elements with your links and positioning these with absolute property.
These elements don't need any sliced images since you would have the image as is in whole and link text could be easily hidden with text-indent.
Maybe someone else has another faster idea or faster fix to your problem but this is what have come up for now
But to be honest i would not slice the image but rather resize so it fits in the content area and llink with map area property, well i think this would be the fastest way to go.
Another option i would use is doing it with css.
You would need a div wrapping around the image with width and height set and relative position, than simply adding span or div elements with your links and positioning these with absolute property.
These elements don't need any sliced images since you would have the image as is in whole and link text could be easily hidden with text-indent.
Maybe someone else has another faster idea or faster fix to your problem but this is what have come up for now
Re: How to insert slices made in fireworks?
uniqu3 is right it doesn't need table layout, it can all be done in css, even if you slice out each of the buttons for the content area links they can be positioned with absolute as long as the container has position relative...
