Jump to content

Isibella

Members
 View Profile  See their activity

  • Posts

    2

  • Joined

  • Last visited

 Content Type 

Posts posted by Isibella

    How would you go about creating the code for this display in Xhtml?

    in HTML/XHTML

    Posted

    @fikiwan :facepalm:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!--.mode {font-size: 24px;font-weight: bold;font:Tahoma}.jarak{height:200px;}.jarak_1{height:0px;}.jarak1{margin-top:-100px;margin-left:102px;}.jarak2{margin-left:102px;margin-top:-107px;}.jarak3{height:30px;}.lebar{height:30px;}.nomor{font-size:30px;font-family:Tahoma;}.nomor1{font-family:Tahoma;font-size:24px;margin-left:40px;margin-top:125px;}.nomor3{font-family:Tahoma;font-size:24px;margin-left:40px;margin-top:54px;}--></style></head><body><table align="center" width="50%" border="1" cellspacing="0" cellpadding="0" ">  <tr>	<td align="center"><span class="mode">CREATE THIS</span> </td>  </tr>  <tr>	<td class="jarak" ><p class="nomor1">5</p>	  <table class="jarak1" width="85%" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000">		<tr>		  <td class="lebar"><span class="nomor">c1</span></td>		</tr>		<tr>		  <td class="lebar"><span class="nomor">c2</span></td>		</tr>		<tr>		  <td class="lebar"><span class="nomor">c3</span></td>		</tr>		<tr>		  <td class="lebar"><span class="nomor">c4</span></td>		</tr>		<tr>		  <td class="lebar"  ><span class="nomor">c5</span></td>		</tr>	  </table></td>  </tr>  <tr>	<td class="jarak3"> </td>  </tr>  <tr>	<td class="jarak_1"><p class="nomor3">4</p>	  <table  class="jarak2"width="85%" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000">		<tr>		  <td class="lebar"><span class="nomor">c1</span></td>		</tr>		<tr>		  <td class="lebar"><span class="nomor">c2</span></td>		</tr>		<tr>		  <td class="lebar"><span class="nomor">c3</span></td>		</tr>		<tr>		  <td class="lebar"><span class="nomor">c4</span></td>		</tr>	  </table></td>  </tr></table></body></html>

    There's no way you'll get an L-shaped table cell. Table cells are always rectangular. With a bit of CSS you could create a separate table inside one of the cells and move it to the bottom right of the cell.
    Wow fikiwan that looks amazing , however im not required to do this in css. Is there a way to do it with out using css. Foxy i understand there is no l-shape in tables, but i was thinking mabye there would be away to span it if possible, with out using css. I've been working on it and so far my code look like this in the file below. Still not the best but trying to make it look like the originnal picture. btw the drawing is kinda crappy it looks better once you generate the code.

    post-91905-0-23618800-1328980770_thumb.jpg

    How would you go about creating the code for this display in Xhtml?

    in HTML/XHTML

    Posted · Edited by Isibella

    I am Currently having Issues creating this XHTML table for my next assignment. My professor wants me to be able to create this table as shown in the picture, using XHTML code. Im really struggling with the "colspan" and "rowspan" attributes to apply to this code. and to be able to create this table; as shown in the picture. Can anyone with good knowledge in XHTML pleasse help :(

    post-91905-0-96003000-1328926048_thumb.jpg

×
×
  • Create New...