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.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Nov 2011
    Posts
    3
    Member #
    30032
    Hello there ^^

    I've got this small website I'm doing that requires me to generate the website in Photoshop, use the slice tool to export it to HTML and then code an extrenal Javascript file to have rollovers and such which I've already done.

    Although when I rollover a menu button, it expands like it should but pushes all the other images out of the way.



    Heres a copy of the javascript code I used.
    http://pastebin.com/S3WGdJyV

    If anyone can help that would be greatly appreciated :3

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    Your problem has to do with slicing in Photoshop and using that code. Photoshop's code isn't the least bit flexible. Everything is absolute, and depending on what options you chose, may be written completely in tables. On top of that, the entire page is a bunch of little images. You'd do better to wrap that nav in a div and float it left, and wrap the content in a div and float that right. That way, when you expand the menu items, it will only push the other menu items down. And, if you get rid of the many little images and replace them with background color, everything will be seamless.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Junior Member
    Join Date
    Nov 2011
    Posts
    3
    Member #
    30032
    Hi Ronald,

    Thanks for the response but I'm not too good on the lingo...
    What would the code be for wrapping an image in a div and floating it left?

    Thanks

  5. #4
    Junior Member
    Join Date
    Nov 2011
    Posts
    3
    Member #
    30032
    Alrighty I managed to cut down the amount of images and using HTML and CSS its turned out quite nicely
    Thanks for the advice Ronald


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

enlarge image without affecting other images in javascript

,

html code for enlarging image on mouseover without pushing other images

,

javascript - enlarging image on mouseover without pushing other image

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