Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    mat
    mat is offline
    Regular Coder
    Join Date
    Jul 2002
    Posts
    199
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post getting an image to overlap a table which has align="center"




    So it would be a table with align="center" for the main part

    the thing i'm stumped on is how to get that tag bit like that? overlap the top-left corner

    i made the tag a transparent gif. it's positioning it and getting it tosaty in that position when the browser is resized etc that's the issue

    what would you suggest ?

    mat,
    Last edited by mat; 09-20-2002 at 06:07 AM.

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    NL
    Posts
    421
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Since you want to keep your code as clean as possible, you could take out the About us and Contact us and use your image as a centered background with background color set to black. 'Cause I don't think you will be able to do the tag in CSS, not without a ton of code.

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    England =)
    Posts
    523
    Thanks
    26
    Thanked 0 Times in 0 Posts
    so u want the tag to actually lay over the rest of the page - as an overlay to the text? its doable (and not that hard either) but would make reading the body text a pain.... now, if u mean that u just want the tage to stay static and the text to run as a line down from the tag its REALLY easy - just make a table and cut into 3 columns - tag etc on left content in middle and spacing on right - but i need more clarification on what u want
    "They hired me for my motivational skills. Everyone at work says they have to work much harder when I`m around" Homer J Simpson

  • #4
    mat
    mat is offline
    Regular Coder
    Join Date
    Jul 2002
    Posts
    199
    Thanks
    0
    Thanked 0 Times in 0 Posts
    O.k trying this:

    the test page
    the style sheet

    at first galnc eit seems to work but it doesn't keep it's postion when the browser window is resized etc..

    ?
    Last edited by mat; 09-19-2002 at 01:03 AM.

  • #5
    mat
    mat is offline
    Regular Coder
    Join Date
    Jul 2002
    Posts
    199
    Thanks
    0
    Thanked 0 Times in 0 Posts
    in theory the following should work right?

    >make the div element that holds the tag.gif the same width as the table and make it align center - <div align="center" class="tag">

    .tag{

    width: 600px;
    ..
    }

    that would make it stay centered over the table no matter what (browser resize etc) and then i could just set the top and left margins in the "tag" class to negative so that it hangs in the top-left corner like i want.

    I don't know alot about css but this should work shouldn't it?
    mine doesn't though..


  •  

    Posting Permissions

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