Web Design Help...

[SLCentral]

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!

 

[Mo0o]

Tables

 

[SLCentral]

Originally posted by: Mo0o
Tables

Nope. In this website, the actual IMAGES are on the site, no tables. I'd like to be able to do that.

 

[imported_LoKe]

They're using tables...look at the source.

 

[SLCentral]

Originally posted by: LoKe
They're using tables...look at the source.

But how do they get the actual images set up like that? Using Illustrator?

 

[imported_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.

 

[SLCentral]

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.

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?

 

[imported_LoKe]

It's all the same image. They just added them all together and saved it that way.

 

[SLCentral]

Originally posted by: LoKe
It's all the same image. They just added them all together and saved it that way.

Ah, its really hard to explain what I'm trying to ask. I'm sure I'll figure it out, thanks though!

 

[imported_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.

 

[SLCentral]

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.

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 .

 

[imported_LoKe]

So you mean the images in the brochure are in different places than they are shown on the website?

 

[Mr Smiley]

You could try this. It looks like the exact thing you want to do. Freeware and no installation required either!

 

[Atheus]

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?

 

[imported_LoKe]

Ah, aka the slicing tool in Photoshop.

 

[SLCentral]

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

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

 

[SLCentral]

Originally posted by: Mr Smiley
You could try this. It looks like the exact thing you want to do. Freeware and no installation required either!

Thanks! :thumbsup:

 

[imported_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?

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

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.

 

[SLCentral]

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?

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

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.

Thanks! I really appreciate everyones help here.