tinfanide Posted February 16, 2011 Share Posted February 16, 2011 Surfing online and finding the codes, I tried both html and css ways to fix a height for the "What's new?" row. It still doesn't show any effects changed.I added the div tag on the table tag, just for convenience to style the table.Anybody could help? I'd burnt my midlight oil to change such little things like the width and height and the table!!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>marquee</title><style type="text/css">.marquee { float:right; overflow:auto; }a:visit {color:#30F;}a:hover {color:#F90; text-decoration:none;}.HKIEdcampus { float:left; overflow:auto;}</style></head><body><div class="marquee" style="border-width:5px; border-style:groove; border-color:red"><table border=3 style="table-layout:fixed; height:500px;"><tr style="height:30px"><th colspan=2><p style="text-align:center; font-size:28px; padding:1%"><strong>What's <em>New</em>?</strong></p></th></tr><tr style="height:450px"><td colspan=2><marquee id="scroller" onMouseover="this.scrollAmount=2" onMouseout="this.scrollAmount=6" align="right" behavior="scroll" direction="up" width="250" height="500" style="font-size:24pt; font-weight:bold;"><center><a href="http://www.ied.edu.hk/bme/seminar.html" style="text-decoration:none; font-size:20px" target="_blank"><strong>BME Seminars</strong></a></center></marquee></td></tr><tr style="height:20px"><td colspan="2" width="70"><input type="button" value="MOVE" onClick="java script:scroller.start()" style="position:relative; left:17%" /><input type="button" value="HOLD" onClick="java script:scroller.stop()" style="position:relative; right:-33%" /></td></tr></table></div><img class="HKIEdcampus" src="http://www.ied.edu.hk/bme/pic/Campus/2.jpg" width="549" height="411" /></body></html> Link to comment Share on other sites More sharing options...
sepoto Posted February 17, 2011 Share Posted February 17, 2011 If you use 4.01 Transitional Document type you can just give each cell a height like:<td height="50px"></td>That always works for me although it may not be the best way to do it. I have found it nearly impossible to get a <td> to maintain a fixed height. If you want a fixed height save yourself hours of grief and use a <div>. Link to comment Share on other sites More sharing options...
Ingolme Posted February 17, 2011 Share Posted February 17, 2011 You should just completely get rid of the table. You can use <div> elements and CSS for the whole thing.In most of the occasions where it's actually OK to use a table, it doesn't matter what size the cells have because the table is simply representing the tabular data. Link to comment Share on other sites More sharing options...
dsonesuk Posted February 17, 2011 Share Posted February 17, 2011 you don't use height in TR tags but in TD or TH only. I meant to point that out in my example. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.