SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Member Casual Imp's Avatar
    Join Date
    Jul 2002
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Looking for this table effect with CSS.

    Okay, I have a graphic that I'm going to slice into about eight pieces for mouse-over purposes. I want to join them seamlessly as you would a table using no padding. I have an idea about the padding and positioning, I'm just trying to figure out how to make a table frame with a 1px border that is 770px wide, with a height at 100%, but in CSS form. I know how to do this with tables. I however feel I should progress and be in with the new. Any help would be appreciated.
    Last edited by Casual Imp; Jul 23, 2002 at 22:36.

  2. #2
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: Looking for this table effect with CSS.

    Originally posted by Casual Imp
    I'm just trying to figure out to to make a 1 px border that is 770px long, with a width at 100%.
    These are contradictory terms. The width can be either 770px or 100%, but not both. Well, I suppose if you want to get technical, 100% of an element that is 770px wide would also be 770px, but you see what I mean.

  3. #3
    SitePoint Member Casual Imp's Avatar
    Join Date
    Jul 2002
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, I do. I wasn't paying too much attention to my jargon. I'm since edited my post. Hopefully it makes a little more sense.
    Last edited by Casual Imp; Jul 23, 2002 at 22:34.

  4. #4
    Grumpy Mole Man Skunk's Avatar
    Join Date
    Jan 2001
    Location
    Lawrence, Kansas
    Posts
    2,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sounds like a job for absolute positioning. You could probably get away with giving each of your images an ID and using that to position them absolutely on the page, using CSS that looks like this:
    Code:
    img#image1 {
      position: absolute;
      top: 0px;
      left: 15px;
    }
    img#image2 {
      position: absolute;
      top: 7px;
      left: 58px;
    }
    etc etc etc


Bookmarks

Posting Permissions

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