Image Problem in Div ?

Discussion in 'CSS' started by Venus, Nov 20, 2007.

  1. #1
    Hi , Friends , You be fine there ,

    I have used three coloumn layout , Now I want to use some images in my Middle (#content) coloumn and want to format it according to my need but from Css file.

    Like is this:
    http://geocities.com/sindhjisada

    How can format it from my Css file ?
    And use more than one images ?


    example:
    <img src="images/jawed.gif" alt="Jawed" style= "float:left; margin-left: 10px" />


    Note: above image code is used in Html file .

    Please need your sincer and kind help and guidance ......

    Thanks
     

    Attached Files:

    Venus, Nov 20, 2007 IP
  2. Noddegamra

    Noddegamra Peon

    Messages:
    1,013
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #2
    you can have a generic image css object or you can use a class to apply to a range of images (but not all).


    Formatting of all images (in your css):
    
    
    img {
    float: left;
    margin: 0 0 0 10px;
    }
    
    
    Code (markup):



    Formatting for certain images (in your css):
    
    
    .left_image {
    float: left;
    margin: 0 0 0 10px;
    }
    
    
    Code (markup):
    Although with this last example when you do an image you need to write (for example):

    <img src="images/jawed.gif" alt="Jawed" class="left_image" />
    Code (markup):
     
    Noddegamra, Nov 20, 2007 IP