Results 1 to 3 of 3
  1. #1
    Join Date
    Jul 2004
    Manchester, UK

    Unhappy Layers and layer -- image manipulation :: Please help

    Okay, i'm quite new to web design and tend to stick to simple stuff normally but recent demands have meant I need to make a website with a bit more professionalism.

    My problem is as follows:

    I have web page which has many different images on it, one image is just a red background with a symbol on which text will be placed.
    However, I put a layer over the image, enter my text into the layer but there are two problems:

    1) Whenever the browser windows is resized, the layer just sites there and doesn't move like it should do.

    2) I place the layer in Dreamweaver, but when I view the site the layer has moved from where I put it. I think this is partly due to the fact that I place the page in a non-centered environment (Dreamweaver) and then my HTML code centers the page and all the content apart from the layer with the text in. The layer therefore stays where it is.

    So the crooks of my question is this and I would really appreciate reply -

    How can I put text over an image which will stay where it is in relation to the image and the rest of the page when the window is resized and website centered?

    Many thanks,

    Our greatest glory is not in never falling, but in rising every time we fall. - Confucius

  2. #2
    Join Date
    May 2005
    Set the image as a background image in a div, or table cell, and put the text in the div or cell. You'll have to play with the alignment of the text a little probably, but it'll do the trick.
    Last edited by snokrash257; 06-15-2005 at 10:42 AM.
    < !-- Place sig here //-- >

  3. #3
    Join Date
    May 2004
    Pflugerville, TX
    snokrash257's method works, though you then have to nest the text into an inner container and apply a margin to it. Not a bad way to go, if the image next to it makes sense as a background image.

    Otherwise, you want to apply a float to the image and place it before the text in your markup.
    Studio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design

Posting Permissions

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