css - How do I align cell data in an HTML table with the image in the cell above it? -
i'm making web page me revise computer science class year, , on page i'm making when scroll down there 2 images, headings , descriptions of these other pages consist of.
however, images don't appear on center of text, although have aligned center.
what i'm asking how each cell of data in html table center cell of data above it. post picture need 10 reputation. here code:
<div class="main"> <br /> <br /> <table> <tr> <td> <a href=""> <input type="image" id="topics" position:absolute style="height:px; width:px;" src="./csimages/topics.png"> </a> </td> <td> <a href=""> <input type="image" id="languages" position:absolute style="height:px; width:px;" src="./csimages/languages.png"> </a> </td> </tr> <tr> <td> <h2 align=c enter>topics</h2> </td> <td> <h2 align=c enter>languages</h2> </td> </tr> <tr> <td>here find edexcel specification topics, ranges binary compression encryption</td> <td>here find few of main computer languages used in computing today, such as; python, c#, html , plenty more...</td> </tr> </table> </div>
thanks help!
do mean want center text , picture? can add td { text-align: center; }
css file.
if want use inline styles, can add style="text-align: center;"
<table>
element.
the text-align
css property inherited, don't have repeat on every child element.
Comments
Post a Comment