align images question +...

Sharky Forums


Results 1 to 7 of 7

Thread: align images question +...

  1. #1
    Expensive Sushi
    Join Date
    Jul 2001
    Posts
    12

    Post align images question +...

    ive only started with html and wana know if there is more than one way to align images.the only examples ive seen have been by typing align="top"ect. obviously doing it this way i cant put the images exactly where i want.is there another way or is it accually this limited?
    and another question, (im using ervsoft 1st page 2000 for the record) is it possible to put text over an image once its been placed on your page? and can java scripts like drop down menus be placed over images also? any help would be really useful,thanks!

  2. #2
    Tiger Shark
    Join Date
    Mar 2001
    Location
    Next door.
    Posts
    546

    Post

    there are definetely more ways than one to align images. tables and divs (layers) can help with this. I would suggest going to a site like http://www.w3schools.com and taking an html tutorial on tables. for divs:

    <div id="Layer5" style="position:absolute; width:500px; height:365px; z-index:5; left: 243px; top: 136px"><your image or text whatever here></div>

    ~Milkman

    ------------------
    "There are two steps to success: 1. Never tell everything you know 2. See #1"
    BLAH

  3. #3
    Sleeps with the Fishes
    Join Date
    Jan 2001
    Location
    Pittsburgh (please click here to donate $5 to city budget)
    Posts
    1,246

    Exclamation

    Don't even mess with layers if you are just starting out. Tables are much cleaner and easier to use. Using a table without a border and align/valign in <TD> you can position an image exactly how you want.

    Easiest way to put text over images is just use an image for a table or cell background.
    Tables can do everything!

    ------------------
    html.dataraq.com

  4. #4
    Expensive Sushi
    Join Date
    Jul 2001
    Location
    Streamwood, IL (Near Chi-Town)
    Posts
    19

    Post

    Technically, there are tons of ways to position not only images, but also text blocks, input tags, etc. wherever you want them. Using CSS you can specify the absolute position of whatever you want by including attributes such as

    style="positon:absolute;top:10;left:10"

    This comes at a cost, however, in that the syntax and availability is different from browser to broswer and version to version. If this is going anywhere public, or even anywhere where you can't be absolutely sure of what browsers are going to be hitting your page (i.e. and intranet), then stick with tables, you'll save yourself about $100 in Excedrin alone.

  5. #5
    Expensive Sushi
    Join Date
    Jul 2001
    Posts
    12

    Post

    hey thanks for all the help, ive figured out how to use tables with images,text ect.which was really alota help n ill probly stick to using tables for now. however there was another way i read about somewhere saying that the number line at the side and top of the editing page(looks like a ruler ie: | | | | 50 | | | | 100 ect)can be used to position things such as images.there was no example on what HTML to write and ive tried things such as align="100x50 ,along those lines,and they never seemed to work.But is this another way also or am i dreaming?

  6. #6
    Tiger Shark
    Join Date
    Mar 2001
    Location
    Next door.
    Posts
    546

    Post

    I am not sure if I catch your drift but in something like a table, hspace and vspace can be used to position something so many pixels from the top or so many pixels from the left. with your thing about the ruler, there is really no such thing as these measurements would change in each screen resolution. if you are trying to place something at specific coordinates, then the css syntax:

    style="position:absolute; left: 243px; top: 136px" would do the trick in a div tag, but i would suggest using tables. you can still use the hspace and vspace in a table.

    ~Milkman





    ------------------
    "There are two steps to success: 1. Never tell everything you know 2. See #1"
    BLAH

  7. #7
    Expensive Sushi
    Join Date
    Jul 2001
    Posts
    12

    Post

    yeah i think thats what it was,i just wanted to correct it to make it work n that helps,thanks again.

Posting Permissions

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