SitePoint Sponsor

User Tag List

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

    Question Image positioning problem

    This is me first venture into css. Before I was used to using tables to set my spliced images. I'm trying to possition 14 or so images together (5 on top and 9 below). The first row is fine, but once I try and set the second row, it becomes offset. Even moreso when I resize the text in IE 6. Perhaps someone could look at the code and my site to tell me what I'm doing wrong. Much appreciated to all responses.

    Here's the code so far:

    a:link {
    background-color : #000000;
    color : #99ff00;
    text-decoration : none;
    }
    a:hover {
    background-color : #000000;
    color : #ff9900;
    text-decoration : none;
    }
    body, td {
    background-color : #000000;
    color : #cccccc;
    font-family : Verdana, Helvetica, Arial, sans-serif;
    font-size : 0.9em;
    margin : 0px;
    padding : 0px;
    text-align : justify;
    }
    h1 {
    background-color : #000000;
    color : #cccccc;
    font-family : Verdana, Helvetica, Arial, sans-serif;
    font-size : 1.4em;
    font-weight : bold;
    text-align : left;
    }
    h2 {
    background-color : #000000;
    color : #cccccc;
    font-family : Verdana, Helvetica, Arial, sans-serif;
    font-size : 1.3em;
    font-weight : bold;
    text-align : left;
    }
    #nav1 {
    float : left;
    margin : 0px;
    padding : 0px;
    position : fixed;
    width : 175px;
    }
    #nav2 {
    float : left;
    margin : 0px;
    padding : 0px;
    position : fixed;
    width : 176px;
    }
    #nav3 {
    float : left;
    margin : 0px;
    padding : 0px;
    position : fixed;
    width : 47px;
    }
    #nav4 {
    float : left;
    margin : 0px;
    padding : 0px;
    position : fixed;
    width : 329px;
    }
    #nav5 {
    float : left;
    margin : 0px;
    padding : 0px;
    position : fixed;
    width : 41px;
    }
    #nav6 {
    float : left;
    left : 0px;
    margin : 0px;
    padding : 0px;
    position : fixed;
    top : 60px;
    width : 175px;
    }

    And my site so far: www.casualimp.com
    Last edited by Casual Imp; Mar 27, 2003 at 22:50.

  2. #2
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm a bit lost as to what you're trying to do... IE doesn't support fixed positioning (which means that IE's displaying it as if you didn't have any styling), and anyway you've got 'em shoved up into the same corner so browser that do, like Opera or Mozilla, will show them on top of each other.

    Could you go over what exactly are you trying to do, again? :-)

    ~~Ian

  3. #3
    SitePoint Member Casual Imp's Avatar
    Join Date
    Jul 2002
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Ian Glass
    I'm a bit lost as to what you're trying to do... IE doesn't support fixed positioning (which means that IE's displaying it as if you didn't have any styling), and anyway you've got 'em shoved up into the same corner so browser that do, like Opera or Mozilla, will show them on top of each other.

    Could you go over what exactly are you trying to do, again? :-)

    ~~Ian
    Hi, thanks for answering. Now that I know that it will bunch things up in Mozilla it will most likely be better if I used tables (sigh). What I was attempting to do was create the likeness of a table 2 rows, 10 columns. The top row would have one column colspaned 5 for one of the images while the bottom row would have all 10 columns to acomidate the rollover images. I was hoping I might be able to do this with positioning in CSS, without using tables at all. Though from what I've read on the net so far, positioning seems strictly text supported. Maybe I'm setting my standards too high for a first time CSS user and haven't read enough in's and out's. Hope this clearifies things a little more.


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
  •