Table-css


#1

Hi
so i'm trying to build this table with images and text. I heed for the pictures to stay leveled as i am adding the text im not sure how to do that. sorry the github link does not work so i pasted it here

css is this
table, td {
border: 1px;
img {
width:100px;
height:100px;
}
below is the html code so far.
Thank you for your help


<body>
<h1>Different cats</h1>
	    <table> 
        <thead> 
            <th> 
                <td>My cat table<td> 
            </th> 
        </thead> 
        <tbody> 
           	<tr> 
                <td>
                  
                    <a href="http://www.animalplanet.com/pets/cat-breed-photo-gallery/">
                        <img src="http://r.ddmcdn.com/s_f/o_1/APL/uploads/2014/10/abyssinian-1-.jpg">
                    </a>    
                        <span> 
                            <h5>Abyssinians</h5>
                            <ul>
                                <li> Courageous</li>
                                <li>curious</li>
                                <li>high-spirited</li>
                                     <p>While Abyssinians will cheerfully entertain themselves, they are most happy when involved in every aspect of your life.</p>
                    </span>
                </td>
                <td>
                    <a href="http://www.animalplanet.com/pets/american-bobtail/">
                        <img src="http://r.ddmcdn.com/s_f/o_1/APL/uploads/2014/10/american-bobtail-1-.jpg">
                </td>
                    </a> 
                <td>
                    <a href="http://www.animalplanet.com/pets/american-shorthair/">
                        <img src="http://r.ddmcdn.com/s_f/o_1/APL/uploads/2014/10/american-shorthair-1-.jpg">
                </td>
                    </a>                 
            </tr> 
             <tr> 
                <td>
                    <a href="http://www.animalplanet.com/pets/balinese/">
                        <img src="http://r.ddmcdn.com/s_f/o_1/APL/uploads/2014/10/balinese-1-.jpg">
                </td>
                    </a> 
                <td>
                    <a href="http://www.animalplanet.com/pets/bengal/">
                        <img src="http://r.ddmcdn.com/s_f/o_1/APL/uploads/2014/10/bengal-1-.jpg">
                </td>
                    </a> 
                <td>
                    <a href="http://www.animalplanet.com/pets/birman/">
                        <img src="http://r.ddmcdn.com/s_f/o_1/APL/uploads/2014/10/birman-1-.jpg">
                </td>                
                    </a>    
            </tr> 
             <tr> 
                <td>
                    <a href="http://www.animalplanet.com/pets/bombay/">
                        <img src="http://r.ddmcdn.com/s_f/o_1/APL/uploads/2014/10/bombay-1-.jpg">
                </td>
                    </a> 
                <td>
                    <a href="http://www.animalplanet.com/pets/burmese/">
                        <img src="http://r.ddmcdn.com/s_f/o_1/APL/uploads/2014/10/burmese-1-.jpg">
                </td>
                    </a> 
                <td>
                    <a href="http://www.animalplanet.com/pets/chartreux/">
                        <img src="http://r.ddmcdn.com/s_f/o_1/APL/uploads/2014/10/chartreux-1-.jpg">
                </td>
                    </a>     
            </tr>   
        </tbody> 
    </table>
	
	</body>


#2

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.