www.webdeveloper.com
Results 1 to 5 of 5

Thread: valign bottom image

  1. #1
    Join Date
    Sep 2003
    Posts
    649

    valign bottom image

    .thumbimage{
    width:125px;
    height:180px;
    border: thin solid #999999;


    }

    above is my css

    this is a div around an image

    how can I make it that any image in this div should be vertical aligned centered>

  2. #2
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  3. #3
    Join Date
    Sep 2003
    Posts
    649
    does this mean there is no real way if I don't use tables?

  4. #4
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    Quote Originally Posted by http://www.ibloomstudios.com/articles/vertical-align_misuse/
    the vertical-align property must be applied to the inline-level element that is a child of another element.
    Change the display of your image to inline and the enclose it in a block-styled div.
    Code:
    #box {display: block; width: 300px; height: 300px;}
    #box img {display: inline; vertical-align: middle;}
    KDLA
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  5. #5
    Join Date
    Sep 2003
    Posts
    649
    this didn't work

    .thumbimage{
    width:125px;
    height:180px;
    border: thin solid #999999;
    display:block;.

    }
    .thumbimage img {
    display: inline;
    vertical-align: middle;

    }

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