www.webdeveloper.com
Results 1 to 5 of 5

Thread: image and table alignment`

  1. #1
    Join Date
    Feb 2003
    Location
    Sydney
    Posts
    193

    image and table alignment`

    in the body of a website, i wish to have an image on the left handside and a table on the right hand side, the image is not in a table, so alignment is the issue, at the moment, the image is on the left but when i go to place the table on the right hand side it goes underneath the image and not directly to the right, how can i do this without using the following tag:

    <style>
    #table {position: absolute; left:200px; top:200px}
    </style>

    i do not wish to use this as it varies with different screen resolutions.

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    <style type="text/css">
    img { float:left; border:1px dotted black; }
    </style>

  3. #3
    Join Date
    Feb 2003
    Location
    Sydney
    Posts
    193
    thanks for that, i am already using css for this image as it has rounded corners, where would i specify the float tag if it already has the following code:

    <!--Stylesheet for showroom menu-->
    <style type="text/css">
    #top3 {
    line-height: 140%;
    width: 185px;
    height: 20px;
    border-left: 0px solid;
    border-top: 0px solid;
    border-right: 0px solid;
    border-color: #5881CB;
    background-color: #5881CB;
    }
    #middle3 {
    line-height: 140%;
    width: 185px;
    border-left: 0px solid;
    border-right: 0px solid;
    border-color: #5881CB;
    background-color: #5881CB;
    }

    /*images*/
    #top_left, #top_right {
    height: 20px;
    width: 20px;
    }
    #top_left {
    position:relative;
    float: left;
    left: -3px;
    }

    #top_right {
    position: relative;
    float: right;
    right: -3px;

    }

    </style>

  4. #4
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    Something like your top_left ID but it's impossible to say without knowing more about the way your styles are applied.

  5. #5
    Join Date
    Feb 2003
    Location
    Sydney
    Posts
    193
    this is how it is applied:

    <!--Showroom-->
    <div id="top3"><img src="images/top_left.jpg" alt="" id="top_left" /><img src="images/top_right.jpg" alt="" id="top_right" /></div>
    <div id="middle3">
    Text here

    </div>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles