New To Mac-Forums?

Welcome to our community! Join the discussion today by registering your FREE account. If you have any problems with the registration process, please contact us!

Get your questions answered by community gurus Advice and insight from world-class Apple enthusiasts Exclusive access to members-only contests, giveaways and deals

Join today!

 
Start a Discussion
 

Mac-Forums Brief

Subscribe to Mac-Forums Brief to receive special offers from Mac-Forums partners and sponsors

Join the conversation RSS
Web Design and Hosting Creating sites, scripting, and hosting discussions.

centre a sliced image from photoshop into dreamweaver cs4


Post Reply New Thread Subscribe

 
Thread Tools
annagr

 
Member Since: Sep 02, 2009
Posts: 3
annagr is on a distinguished road

annagr is offline
Please help! I have spent days on trying to figure this one out!

I have sliced an image in photoshop and opened it in dreamweaver cs4. Now im trying to centre the whole thing but there is nowhere i can do that. I have tried everything and goggled it for hours and hours.

Please please please is there anyone here that can help me out??

Thanks Anna
QUOTE Thanks
D3v1L80Y

 
D3v1L80Y's Avatar
 
Member Since: Feb 02, 2004
Location: PA
Posts: 12,459
D3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond repute
Mac Specs: MacBook

D3v1L80Y is offline
Quote:
Originally Posted by annagr View Post
I have sliced an image in photoshop and opened it in dreamweaver cs4. Now im trying to centre the whole thing but there is nowhere i can do that. I have tried everything and goggled it for hours and hours.
Let me google that for you


and the very first result from that: Dreamweaver Tutorials - Center your layout

__________________________________________________
Posting and YOU|Forum Community Guidelines|The Apple Product Cycle|Forum Courtesy

mac: a waterproof raincoat made of rubberized fabric
MAC: a data communication protocol sub-layer, also known as the Media Access Control
Mac: a brand name which covers several lines of personal computers designed, developed, and marketed by Apple Inc.

QUOTE Thanks
annagr

 
Member Since: Sep 02, 2009
Posts: 3
annagr is on a distinguished road

annagr is offline
Mate, i wish it was that easy! Trust me i have googled this for hours without any results on how to fix this. The soutions that comes up is never for what ive done (sliced and image in photoshop and opened it in dreamweaver....maybe i have done this wrong but i dont think so...)

The problem is that i have opened my sliced image in dreamweaver....now, when i select the <div table_01> there is no where in the properties window i can align it. Not even if i select the individual slices there is an option for centring it.
If i would have built up my tables myself i would have been able to select individual tables and go to align and then centre. But there seem to be no way to do it when you open a sliced photoshop image in dreamweaver cs4.

my last solution is to type the code in myself but do not seem to be able to get it right.

So please, if anyone is clued up with this, please help me. It is really driving me nuts.

Thanks Anna
QUOTE Thanks
annagr

 
Member Since: Sep 02, 2009
Posts: 3
annagr is on a distinguished road

annagr is offline
noone? any other ways i can build my sliced image up? trying with tables but it does not work since the slices are irregular!!
QUOTE Thanks
Scott_A

 
Scott_A's Avatar
 
Member Since: Dec 13, 2008
Location: Elkhorn, Nebraska
Posts: 17
Scott_A is on a distinguished road
Mac Specs: MacBook Pro 2.4

Scott_A is offline
At the risk of sounding like a complete idiot, please describe this thing you call 'slice'.

It sounds like you're taking an image and cutting it into pieces and want to group them as a blob, and center that..
QUOTE Thanks
gomez1018

 
gomez1018's Avatar
 
Member Since: Feb 09, 2007
Location: So Cal
Posts: 176
gomez1018 will become famous soon enough
Mac Specs: 15 inch Macbook Pro 2 GHz Core Duo 2 GB of Ram: 20 inch iMac 2.16 GHz Core 2 Duo 3 GB Ram

gomez1018 is offline
If you are using div layers then u cannot use the center function to center your entire layout unless you place your entire layout into another parent div or container div. YOu wil have to use css to adjust the placement of the div layout. Not this will not center it on all screens as you will be saying the div layout is xx px from the left.


______________________________________________

20 inch iMac 2.16 GHz Core 2 Duo 3 GB Ram 320GB internal HD,
23 inch Cinema Display,
320GB G-Tech G-Drive, 500GB G-Tech G-Drive, 500GB WD My Book Studio Drive
QUOTE Thanks
louishen

 
louishen's Avatar
 
Member Since: Oct 22, 2007
Location: London
Posts: 8,941
louishen has a brilliant futurelouishen has a brilliant futurelouishen has a brilliant futurelouishen has a brilliant futurelouishen has a brilliant futurelouishen has a brilliant futurelouishen has a brilliant futurelouishen has a brilliant futurelouishen has a brilliant futurelouishen has a brilliant futurelouishen has a brilliant future
Mac Specs: Mac Mini Core i7 2012 | White 2009 MacBook 2 Ghz | 733 Mhz G4 Quicksilver

louishen is offline
In the CSS file you need to set up a style called body and centre that, bingo, the whole layout will be centred since that is the master tag where all the seen page content is

body {
text-align:center; /* for IE */
margin:0 auto; /* for the rest */
}

Member of the Month September 2008 & August 2012 | Found advice useful? use the rep system
QUOTE Thanks
bexxy

 
Member Since: Sep 04, 2009
Location: London
Posts: 11
bexxy is on a distinguished road
Mac Specs: iMac, iPhone, iPod

bexxy is offline
I might be an idiot (I often am!) but I encountered the same trouble recently and tried this which seemed to work a dream. As gomez1018 says you will need to use a parent div to centre the whole image and then put the splices into this.....

Try:

<div style="width:100px; height:100px; position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;"></div>

So: adjust the width and height to whatever the complete image you have is. Leave the top and left thingies at 50%. However, what this means is that you are asking the top left corner of the div to be bang in the centre of the browser.... not what you're wanting I think. So then the margin-top and margin-left things come in...... in the above they are at -50px as the whole image is 100 x 100 px so if they are both placed at -50px it will centre it. Obviously if your image is 250 px wide you will change that value to -175px. Once you've got that container div sorted you can insert others into it......

Hope that helps - I'm not very good at explaining but if you think it looks like the type of thing you are after let me know and I'll give you the address of a site that I did which uses this....

All the best
Bexxy
QUOTE Thanks
fathom3231

 
Member Since: Dec 11, 2012
Posts: 1
fathom3231 is on a distinguished road

fathom3231 is offline
Hello, its 2012 and this posting is still up, so here's my input.
In Photoshop, after you've made your slices, save for web.
Then do up your preferences.
Then save, in the save panel there is a 'settings' drop down, in there choose 'other' then a window pops up 'output settings', leave the first option at 'default' but there is a second drop down window that shows 'html', on that drop down you will see setting 'slices' - use this instead of the 'html'. the menu then changes and you can see the button 'generate table'.
There it is, the spot to do it!
open your saved file in your web build program and you will see its all in a table format, so just select the table and center it, add a space or two drop the table down a bit if you want.
Seems like a lot of steps but once you know the path its pretty easy, besides, you took notes from this posting so you wouldn't forget or loose this link.

your welcome, Paul
QUOTE Thanks
RJweb

 
Member Since: Oct 31, 2012
Posts: 24
RJweb is on a distinguished road

RJweb is offline
Post a link with the code, I could help

Life Begins @ 190 MPH
QUOTE Thanks

Post Reply New Thread Subscribe


« Hyperlink color | New Laptop and Iweb »
Thread Tools

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Forum Jump

Similar Threads
Thread
Thread Starter
Forum
Replies
Last Post
Photoshop CS4 pdf exporting sholdzy Images, Graphic Design, and Digital Photography 0 04-03-2009 05:13 PM
Transparent Image to Image and Mask? Photoshop? Another Converter-Application? roggnroll Images, Graphic Design, and Digital Photography 1 08-08-2007 04:55 PM
photoshop advice needed (image batch) Andy_M Images, Graphic Design, and Digital Photography 11 09-19-2006 07:38 AM
sliced grid image forming large image in folder devon OS X - Operating System 1 10-24-2004 06:23 PM

All times are GMT -4. The time now is 09:29 PM.

Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
X

Welcome to Mac-Forums.com

Create your username to jump into the discussion!

New members like you have made this community the ultimate source for your Mac since 2003!


(4 digit year)

Already a member?