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 7 of 7
  1. #1
    Junior Member
    Join Date
    Oct 2007
    Posts
    2
    Member #
    15997
    Hello all!

    I was wondering if anyone could tell me how I could align all images & Layers relative to there left alignment? What I mean is I have an image that I would like to center (I know how to do that much) Over that I have several layers and I would like to shift them to where they will align all the layers to the image underneath. I'm currently using Dreamweaver MX 2004 and when trying to align them within the program they will not line up properly. I have however aligned them manually with some success in dreamweaver but they still look off center and I am afraid that they will not align properly in other browsers. I have only been about to get them to align in Mozilla FoxFire 2.0.0.7 anyway if there is a way to do this please reply and let me know or if possibly a better way to do this in CSS or something and please remember I know nothing of CSS.

    Thank you for any help.
    Puppetgrimm

  2.  

  3. #2
    Member Arkymedes's Avatar
    Join Date
    Jun 2007
    Location
    Lons-le-Saunier, France
    Posts
    65
    Member #
    15389
    Liked
    1 times
    Maybe you have a website to show better the problem?

  4. #3
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    You should release yourself from the "layer" concept, as that isn't how you should code them (since they'll be in a line, as I understand it), any the entire idea of "layers" don't really exist, anyway.

    If you could give us a diagram or screenshot, we'll be happy to provide you with better help, perhaps some code.
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.

  5. #4
    Senior Member Ferro's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    386
    Member #
    14204
    Liked
    5 times
    Sounds like you want a container div, with text-align:center; (for IE) then put margin:auto; on the elements that will be within it (For firefox). Then everything is centered in the container div.

  6. #5
    Junior Member pauloisere's Avatar
    Join Date
    Oct 2007
    Posts
    9
    Member #
    16024
    example:
    Below is the html code
    <div id="name image"><img src="image.png"></div>
    Below is the css code
    #image name{position:relative;
    left:20px;
    top:20px;
    }
    remember the # { }: ; sign in the css document
    also link the css document to your html document by looking for a link icon on your right hand side of an open html document in Dreamweaver

  7. #6
    Junior Member pauloisere's Avatar
    Join Date
    Oct 2007
    Posts
    9
    Member #
    16024
    Have a go of it

  8. #7
    Junior Member
    Join Date
    Oct 2007
    Posts
    2
    Member #
    15997
    Thanks I'll give it a try.

    Late
    puppetgrimm1


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
  •  
All times are GMT -6. The time now is 03:03 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com