Results 1 to 5 of 5

Thread: Need Help in CSS

  1. #1
    Join Date
    Mar 2007
    Posts
    40
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Default Need Help in CSS

    Request help to turn this table to CSS. I have very basic knowledge of html & mostly do a cut & paste job & get by. I have read a lot of online CSS tutorials but cannot see anywhere for help for the table & image & text. I request someone who can do this correctly, the image should be in a cell, the text should be also in a cell. I have horizontal & vertical images & am how to put them in the right manner. Thanking you in anticipation. DD has been a lot of help for novices like me

    http://www.stampsworldindia.com/stampsof2010.html

  2. #2
    Join Date
    Aug 2009
    Posts
    92
    Thanks
    0
    Thanked 9 Times in 9 Posts

    Default

    HTML Code:
    <style>
    p#sab{background: #ff0;}
    #sab table{background: #000; width:950px;}
    #gg{background: red;}
    #hh{background:silver;}
    #gg1{background:green;}
    #hh1{background:blue;}
    #gg2{background:yellow;}
    #hh2{background:gold;}
    table{background: #000; width:100%;}</style><p id="sab">
    Hello!</p>
    <table>
    <tr>
    <td id=gg><a href="images/2010/rbilarge.jpg"" rel="thumbnail">
    <img border="0" src="images/2010/rbi.jpg" width="100" align="left" height="85"></a>
    <font face="Arial"><font size="2">Reserve Bank
    <font face="Arial" size="2">
    Stamp Value:&nbsp; Rs 5
    Issue Date:16th Jan<br>
    Stamps in Sheet: 35</font>
    <span class="style23"><span class="style8"><font face="Arial"> </font></span></span><span class="style2"><br>&nbsp;</span> 
    
    </td>
    <td id=hh><img border="0" src="images/2010/rbi.jpg" width="100" align="left" height="85"></a>
    <font face="Arial"><font size="2">Reserve Bank
    <font face="Arial" size="2">
    Stamp Value:&nbsp; Rs 5
    Issue Date:16th Jan<br>
    Stamps in Sheet: 35</font>
    <span class="style23"><span class="style8"><font face="Arial"> </font></span></span><span class="style2"><br>&nbsp;</span> 
    </td>
    <td id=hh><img border="0" src="images/2010/rbi.jpg" width="100" align="left" height="85"></a>
    <font face="Arial"><font size="2">Reserve Bank
    <font face="Arial" size="2">
    Stamp Value:&nbsp; Rs 5
    Issue Date:16th Jan<br>
    
    Stamps in Sheet: 35</font>
    <span class="style23"><span class="style8"><font face="Arial"> </font></span></span><span class="style2"><br>&nbsp;</span> 
    </td>
    <td id=hh><img border="0" src="images/2010/rbi.jpg" width="100" align="left" height="85"></a>
    <font face="Arial"><font size="2">Reserve Bank
    <font face="Arial" size="2">
    Stamp Value:&nbsp; Rs 5
    Issue Date:16th Jan<br>
    Stamps in Sheet: 35</font>
    <span class="style23"><span class="style8"><font face="Arial"> </font></span></span><span class="style2"><br>&nbsp;</span> 
    </td>
    
    <td id=hh><img border="0" src="images/2010/rbi.jpg" width="100" align="left" height="85"></a>
    <font face="Arial"><font size="2">Reserve Bank
    <font face="Arial" size="2">
    Stamp Value:&nbsp; Rs 5
    Issue Date:16th Jan<br>
    Stamps in Sheet: 35</font>
    <span class="style23"><span class="style8"><font face="Arial"> </font></span></span><span class="style2"><br>&nbsp;</span> 
    </td>
    </tr><tr>
    <td id=gg1>1</td>
    <td id=hh1>2</td>
    
    <td id=gg1>1</td>
    <td id=hh1>2</td>
    <td id=hh1>2</td>
    </tr><tr>
    <td id=gg2>1</td>
    <td id=hh2>2</td>
    <td id=gg1>1</td>
    <td id=hh1>2</td>
    <td id=hh1>2</td>
    </tr>
    </table>
    Last edited by Snookerman; 03-19-2010 at 08:25 AM. Reason: please use [html] tags for html code

  3. #3
    Join Date
    Mar 2007
    Posts
    40
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Default

    Thank u for a fast reply!
    But i want the text below the image & not parallel to it. The table should not exceed 750px wide, the height can be anything. Is it possible to fix thumb image height & width & text.

  4. #4
    Join Date
    Aug 2009
    Posts
    92
    Thanks
    0
    Thanked 9 Times in 9 Posts

    Default

    change the table
    table{background: #000; width:80%;}
    you have to put your images in
    width="100" height="55"------put <BR>after the </a>
    <img border="0" src="images/2010/rbi.jpg" width="100" height="55"></a><br>

    and
    <div align="center">before the table

  5. #5
    Join Date
    Mar 2007
    Posts
    40
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Default

    Thanks again it works wonderfully well, but i have a menu in which i have to insert this, tried as much as i could i could,nt get it right, pl help to put it right
    http://www.stampsworldindia.com/menupage.htm

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
  •