hi,i am learning css and for see a good practic, want to created table bellow.can anyone help me and created that with CSS. Thanks <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>View P Time</title> </head> <body> <form method="POST" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" u-file="C:\wamp\www\_private\form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" --><p> </p> <div align="center"> <center> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="46%" height="303"> <tr> <td width="100%" colspan="4" height="57"> <p align="center"><b>Learn Table & CSS</b></p> <p> </td> </tr> <tr> <td width="27%" height="19"><b>Date:<font size="2">(GMT) </font></b></td> <td width="73%" colspan="3" height="19"> <p align="left"> yyyy/mmm/ddd <input name="date" type="text" id="date" size="20"></td> </tr> <tr> <td width="27%" height="19"><b>hour Time<font size="2">:</font></b></td> <td width="73%" colspan="3" height="19"> <p align="left"> hh <select name="selecth" id="selecth"> <option value="equal">=</option> <option value="great">></option> <option value="less"><</option> </select> <input name="hh" type="text" id="hh" size="5"> </td> </tr> <tr> <td width="27%" height="19"><b>min. Time<font size="2">:</font></b></td> <td width="73%" colspan="3" height="19"> mm <select name="selectm" id="select2"> <option value="equal">=</option> <option value="great">></option> <option value="less"><</option> </select> <input name="mm" type="text" id="mm" size="5"></td> </tr> <tr> <td width="27%" height="158"> <p align="center"><b>Select </b></p> <p align="center"><b>your country</b></p> <p> </td> <td width="21%" height="158" nowrap>germany <input type="checkbox" name="Network[]" value="Birjand"><p> india<input type="checkbox" name="Network[]" value="Quchan"> </p> <p> ireland <input type="checkbox" name="Network[]" value="Mashhad"> </p> <p> kuwit <input type="checkbox" name="Network[]" value="Sari"></p> <p> </td> <td width="25%" height="158" nowrap>berzilia <input type="checkbox" name="Network[]" value="Tehran"><p> spania <input type="checkbox" name="Network[]" value="Semnan"> </p> <p> andorra <input type="checkbox" name="Network[]" value="Yazd"> </p> <p> albania <input type="checkbox" name="Network[]" value="Shiraz"></p> <p> </td> <td width="27%" height="158" nowrap> armenia <input type="checkbox" name="Network[]" value="Isfahan"><p>iran <input type="checkbox" name="Network[]" value="Tabriz"> </p> <p> italy <input type="checkbox" name="Network[]" value="Khoramabad"> </p> <p> poland <input type="checkbox" name="Network[]" value="Kermansha"></p> <p> </td> </tr> <tr> <td width="100%" colspan="4" height="26"> <p align="center"><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></td> </tr> </table> </center> </div> <p> </p> </form> </body> </html> HTML:
Hi, Please look at example <p class="classname">Learn Table & CSS</p> .classname { text-align:center; font-weight:bold; } Code (markup): <td class="classname">hour Time<span class="classname2">:</span></td> .classname { width:27%; height:19px; font-weight:bold; } .classname2 { font-size:2em; } Code (markup): and etc ... I hope it will help you.