Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 3 1 2 3 LastLast
Results 1 to 10 of 21
  1. #1
    Junior Member Karen's Avatar
    Join Date
    Aug 2012
    Posts
    2
    Member #
    32384
    After slicing in Photoshop CS5 transfered em over to Dreamweaver CS6 and started hyper linking.
    The Preview in browser looked fine until idk what happened... It started looking choppy.. even in dreamweaver...So i started over, deleted the images in the images folder and re did the slicing to re add them in and such...It doesnt look choppy in Dreamweaver anymore but it still does in preview browser... Heres a Screen Shot: http://img69.imageshack.us/img69/2210/choppy.jpg

    Can the preview be decieving?

    Because another thing that i tried to do was to edit the codes width and height and such ...playing around with it so that it can resize the whole thing according to the browser.... But the preview never resizes...

    Im New to this ahha.. Been i watched youtube videos to help me figure the slices out.. seems pretty easy, unless there was something i missed... lol

    Like each slice has a defined size.... Could this interfere with me trying to resize the Table of it?

    Please Help me Resize and Figure out the Chopping lol

    Im going to FTP it to see if its just the preview but i have to wait for tomorrow to buy the hosting.

    Any Advice???????

  2.  

  3. #2
    Senior Member Ganners's Avatar
    Join Date
    Feb 2011
    Location
    United Kingdom
    Posts
    415
    Member #
    27007
    Liked
    92 times
    Something that might help you, look up 'image maps'. That way you wouldn't have to chop up that image at all.
    Mark Gannaway Software Developer

    Recent Experiments
    - Backpropogation Neural Network language solving (http://ann.ganners.co.uk/)
    - Animated image to ASCII (http://google.ganners.co.uk/)
    - 3D Paper Characters (http://cybergame.ganners.co.uk/)
    - Anagram solving (http://roflol.co.uk/)

  4. #3
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    Quote Originally Posted by Ganners, post: 239864
    Something that might help you, look up 'image maps'. That way you wouldn't have to chop up that image at all.
    ACK. Where's the "dislike" button?
    Fireproofgfx and AlphaMare like this.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  5. #4
    Senior Member Ganners's Avatar
    Join Date
    Feb 2011
    Location
    United Kingdom
    Posts
    415
    Member #
    27007
    Liked
    92 times
    You'd rather slice an image up into 15 chunks, position them all absolutely besides each other just so some parts of it can hyperlink? Image maps are heavily supported and intended for this exact purpose . No reason not to use it unless you want some hover effects.
    Mark Gannaway Software Developer

    Recent Experiments
    - Backpropogation Neural Network language solving (http://ann.ganners.co.uk/)
    - Animated image to ASCII (http://google.ganners.co.uk/)
    - 3D Paper Characters (http://cybergame.ganners.co.uk/)
    - Anagram solving (http://roflol.co.uk/)

  6. #5
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    Quote Originally Posted by Ganners, post: 239866
    You'd rather slice an image up into 15 chunks, position them all absolutely besides each other just so some parts of it can hyperlink? Image maps are heavily supported and intended for this exact purpose . Can't really knock it in some circumstances.
    No, I'd rather not slice anything, create only what I need and relatively position it in the correct document flow. You're right that they are "heavily supported and intended for this exact purpose", but that doesn't make them a good idea...ever.
    Fireproofgfx and AlphaMare like this.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  7. #6
    Senior Member Ganners's Avatar
    Join Date
    Feb 2011
    Location
    United Kingdom
    Posts
    415
    Member #
    27007
    Liked
    92 times
    I think they're an excellent idea, definitely have their uses. One instance I've had is we had an email campaign with a shot of models close together wearing outfits. Email templates don't support much in the way of relative or absolute positioning, so couldn't use your method above in that instance. The models were super close together, so having a clickable box over them wouldn't have been practical anyway.

    So the solution was to draw an image map around each of them, worked a treat. I find it really annoying when people use the box model in this instance anyway, sometimes you'll click on part of the image but it will be part of a neighbouring link and take you somewhere else.

    Image maps aren't dirty, are practical, don't clutter source, validate, cross platform, solve many issues, can be content managed very easily, reduce requests and speed up loading.

    As I said, their only downfall is the lack of hovers, which I'd always have anyway, so I probably would position absolutely (you'd probably want to pull it out of flow for this) and have sprites.

    They have their uses! And someone using Photoshop slicing to Dreamweaver to link images should clearly just go down the image map option! You can even draw them out in Dreamweaver so super easy solution for them.
    Mark Gannaway Software Developer

    Recent Experiments
    - Backpropogation Neural Network language solving (http://ann.ganners.co.uk/)
    - Animated image to ASCII (http://google.ganners.co.uk/)
    - 3D Paper Characters (http://cybergame.ganners.co.uk/)
    - Anagram solving (http://roflol.co.uk/)

  8. #7
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    Quote Originally Posted by Ganners, post: 239868
    I think they're an excellent idea, definitely have their uses. One instance I've had is we had an email campaign with a shot of models close together wearing outfits. Email templates don't support much in the way of relative or absolute positioning, so couldn't use your method above in that instance. The models were super close together, so having a clickable box over them wouldn't have been practical anyway

    So the solution was to draw an image map around each of them, worked a treat. I find it really annoying when people use the box model in this instance anyway, sometimes you'll click on part of the image but it will be part of a neighbouring link and take you somewhere else..
    Can't argue there, but email is a whole different animal.

    Quote Originally Posted by Ganners, post: 239868
    Image maps aren't dirty, are practical, don't clutter source, validate, cross platform, solve many issues, can be content managed very easily, reduce requests and speed up loading..
    Yes they are, no they aren't, yes they do, that's unfortunate, not relevant, only the email issue described above, no they can't, not really and no they don't.

    Aside from the email example you used above, which I admittedly had never thought about, image maps have little other purpose that can't be done better with semantic markup and CSS. They're definitely not something you should ever use for an entire page.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  9. #8
    Senior Member bleau canon's Avatar
    Join Date
    Mar 2011
    Location
    Appalachia Blue Ridge Mts.
    Posts
    609
    Member #
    27201
    Liked
    189 times
    Image maps work...and validation is not the end of the world in web design if a site doesn't validate because of an image map..just my 2 cents worth.
    Bleau
    "Give the gift of life, Adopt a child, And an Animal"

  10. #9
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,485
    Member #
    425
    Liked
    2783 times
    Quote Originally Posted by Ganners, post: 239868
    As I said, their only downfall is the lack of hovers, which I'd always have anyway, so I probably would position absolutely (you'd probably want to pull it out of flow for this) and have sprites.
    There actually is a way to do image map hovering, but it's not native to maps and requires Javascript and CSS sprites. I had to do this once for a client, and at some point I'm going to document it fully. But for now, I'm going to provide an example below.

    Ron: this would be the "little and obscure use" you're talking about. This was, however, a pain to pull off and I don't recommend it for the average user without seeing it documented first. There was none when I attempted this, and there isn't any now.

    http://www.otinekamall.ca/shopping-directory.aspx

    Karen: it's hard to say without looking at your FTP, but it looks like your problem may not be your slices. If you know how to edit CSS, add this to your CSS file:
    Code:
    img {border: none;}
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  11. #10
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    Quote Originally Posted by bleau canon, post: 239878
    Image maps work...and validation is not the end of the world in web design if a site doesn't validate because of an image map..just my 2 cents worth.
    The issue isn't whether they work or whether they validate. I don't remember the last time I bothered to validate code. If you have even an intermediate knowledge of HTML/CSS, validation isn't necessary unless something's very broken and you can't find that little semi-colon you forgot somewhere.

    All in all, it isn't a question of whether you can, but whether you should. Are there circumstances where you should? Yes, but they are very incredibly few. The situation this particular thread was started to address is not one of those circumstances. Semantically, image maps are wrong all over. Separating content/structure from style requires image maps to be abandoned in the majority of cases. The only exceptions are when they will be used as content/structure or when there is simply no other way.

    Write code how you see fit, but the main idea I'm getting across is we shouldn't be telling beginners to export their designs as one ridiculously huge image and just slap an image map where they want links to be. That's bad on so many levels, and everyone knows it. As experienced coders, we should teach people the right way when they ask questions so they'll get better, not give them incredibly bad advice so they can hurry up and finish.

    @karen - Give what TheGAME said a try. If that doesn't help, and you don't know CSS, give it a look. It's pretty simple to learn and write, and we'll be glad to guide you along the way.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."


Page 1 of 3 1 2 3 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

how to add photoshop slices in dreamweaver cs6

,

how to place slices in dreamweaver cs6

,

usingslices in dreamweaver cs6

,

web design slices into dreamweaver cs6

Click on a term to search for related topics.
All times are GMT -6. The time now is 09:11 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com