• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

Web Design Help...

S

SLCentral

Diamond Member
Hey guys,

I have a basic, quick question on some web design. For reference, take a look here. Notice how the area with the content is just multiple images. How is this done if the images themselves are not set up this way, and are all in a different "order"?

Thanks!
 
Originally posted by: LoKe
<td><tr><img src="http://www.path.to/image.jpg" alt="" /></tr></td>

I'm sorry, but I don't think I understand what you're asking.
Click to expand...

Sorry, it's kind of confusing to word it.
Hereis one of the segments of the main content area. How is this set up, not in HTML, but rather in a graphic design program? How are the boxes of content laid out in order to make it one big image, then broken up into segments?
 
Originally posted by: LoKe
It's all the same image. They just added them all together and saved it that way.
Click to expand...

Ah, its really hard to explain what I'm trying to ask. I'm sure I'll figure it out, thanks though!
 
Sorry. 🙁 I'll re-read your posts over and over. I don't like not being able to figure something out, especially when it's web design related.
 
Originally posted by: LoKe
Sorry. 🙁 I'll re-read your posts over and over. I don't like not being able to figure something out, especially when it's web design related.
Click to expand...

Don't be sorry 😛. Basically, the source images I have are Adobe Illustrator files that are scanned brochures. The website has these same brochures on the site, but each "box" on the brochure is "moved around." I can't figure out how to do that in Illustrator. If you want the source files that I have, send over a PM 🙂.
 
The creator started with one big image, then used the 'crop' tool or similar to cut the image into smaller parts, which are then saved individually. They then use tables to join the images back together on the site. It was probably done this way to allow slower connections to see the whole of the top image first while the others load. Is that what you're asking?


 
Originally posted by: LoKe
So you mean the images in the brochure are in different places than they are shown on the website?
Click to expand...

Yeah, exactly. I've been using the slicing tool, but how can I move things around accurately?
 
Originally posted by: SLCentral
Originally posted by: LoKe
So you mean the images in the brochure are in different places than they are shown on the website?
Click to expand...

Yeah, exactly. I've been using the slicing tool, but how can I move things around accurately?
Click to expand...

If you'd like to use photoshop, then you just gotta make sure that the slices are all the same sizes, in order to be able to swap them around. Then you can just change the image path in the source.
 
Originally posted by: LoKe
Originally posted by: SLCentral
Originally posted by: LoKe
So you mean the images in the brochure are in different places than they are shown on the website?
Click to expand...

Yeah, exactly. I've been using the slicing tool, but how can I move things around accurately?
Click to expand...

If you'd like to use photoshop, then you just gotta make sure that the slices are all the same sizes, in order to be able to swap them around. Then you can just change the image path in the source.
Click to expand...

Thanks! I really appreciate everyones help here.
 
You must log in or register to reply here.

TRENDING THREADS

Back
Top