SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    JavaScript Guru (Big Ego) Arielladog's Avatar
    Join Date
    Jul 1999
    Location
    SC, USA
    Posts
    390
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am trying to achieve a rounded table corner affect at http://arielladog.tripod.com/SCAHPERD/homepage.html I have the two images that I want and they are there corectly, atleast in my browser; I also have another image of a blue line which I use around the right side of the table (top and bottom of the right side);anyway, I got a pixel image with a transparent color and I resized it so that the two ends were even. It is a pain, and I'm not sure if it works at all resolutions, on all browsers (I know it doesn't work on all browsers because I had to make IE and NS use different heigths for the image). Isn't there an easier way...if so please share because I am in dire (spelling?) of help.

  2. #2
    JavaScript Guru (Big Ego) Arielladog's Avatar
    Join Date
    Jul 1999
    Location
    SC, USA
    Posts
    390
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Alright, reading back...I see how it wasn't real clear. I want a rounded table edge at my page listed above. I have achieved this. As you know rounded edges can't be done with code, so I had to create an image and stick it in the corners. At the same time, I had to stick an image of a blue line in the top and bottom of the other table cell on the right. Now, I tried using code to make the line and the table corner images to stay on top and bottom..I can make them stay to left and right. So, to make them stay on top and bottom, I add spaces in between the two graphics. For example, I added space between the first table corner and the second table corner, and the line on top and the line on bottom. As I do so, I can get one to stay on absolute top and absolute bottom of their cell. Then, I would try to do the other one, but as I did some spaces, the table would get bigger and the table corners on the left wouldn't be at the top and the bottom anymore. So, to get around this, I decided to make a transparent image. Then, I put that in each of the table cells, and adjusted the heigths so that the table corners on the left and the lines on the left were even. Since the pixels are different in IE and NN, I created a script to recognize the, and set the pixels heigth to be different in each of the browsers. Is there an easier way than this?


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
  •