CSS Codes
CSS Layouts
Results 1 to 3 of 3

Thread: Center Images

  1. 03-26-2010, 11:43 AM #1
    Rain Lover's Avatar
    Rain Lover
    Rain Lover is offline Regular Coders
    Join Date
    Nov 2009
    Location
    Isfahan, Iran
    Posts
    229
    Thanks
    46
    Thanked 1 Time in 1 Post

    Default Center Images

    Hi,

    I created a simple slideshow:

    Code:
    <html> 
<body> 

<div> 
<iframe src="http://lh4.ggpht.com/_qkZzGyIkXmo/S6yTNbhSskI/AAAAAAAADKo/IjVMzaM42Kk/s800/image1.jpg" width="448" height="336" name="iframe_a"> 
</iframe> 
</div> 
<br> 
<div> 
<a href="http://lh4.ggpht.com/_qkZzGyIkXmo/S6yTNbhSskI/AAAAAAAADKo/IjVMzaM42Kk/s800/image1.jpg" target ="iframe_a"><img src="http://lh4.ggpht.com/_qkZzGyIkXmo/S6yTNbhSskI/AAAAAAAADKo/IjVMzaM42Kk/s800/image1.jpg" width="80" height="60"></a> 
&nbsp; 
<a href="http://lh3.ggpht.com/_qkZzGyIkXmo/S6yTTic4mTI/AAAAAAAADKs/4eJn_aJuMyk/s800/image2.jpg" target ="iframe_a"><img src="http://lh3.ggpht.com/_qkZzGyIkXmo/S6yTTic4mTI/AAAAAAAADKs/4eJn_aJuMyk/s800/image2.jpg" width="80" height="60"></a> 
&nbsp; 
<a href="http://lh5.ggpht.com/_qkZzGyIkXmo/S6yVdtKSofI/AAAAAAAADLQ/wSg6hOHzlFs/s800/image3.jpg" target ="iframe_a"><img src="http://lh5.ggpht.com/_qkZzGyIkXmo/S6yVdtKSofI/AAAAAAAADLQ/wSg6hOHzlFs/s800/image3.jpg" width="80" height="60"></a> 
</div> 

</body> 
</html>
    The problem is my images are of different sizes and they don't center in the iframe. How can I resolve the problem? Any suggestion is greatly appreciated!



    Kind regards
    Rain lover
    Reply With Quote Reply With Quote
  2. 03-26-2010, 07:01 PM #2
    BLiZZaRD's Avatar
    BLiZZaRD
    BLiZZaRD is offline Elite Coders
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    make css for your iframe and set left and right margins to auto.

    Code:
    iframe {
	height: 336px;
	width: 448px;
	margin-left: auto;
        margin-right: auto;
}
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result = mysql_query("SELECT finger FROM hand WHERE id=3");
    echo     $result; 
    Reply With Quote Reply With Quote
  3. 03-28-2010, 03:46 PM #3
    Rain Lover's Avatar
    Rain Lover
    Rain Lover is offline Regular Coders
    Join Date
    Nov 2009
    Location
    Isfahan, Iran
    Posts
    229
    Thanks
    46
    Thanked 1 Time in 1 Post

    Default

    Quote Originally Posted by BLiZZaRD View Post
    make css for your iframe and set left and right margins to auto.

    Code:
    iframe {
	height: 336px;
	width: 448px;
	margin-left: auto;
        margin-right: auto;
}
    It just centers the iframe, not the image inside it.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

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
  •  

Forum Rules