|
HTML - Bottom Border Across The Width Of The Table
Im trying to creat a border above and beyond a word using inline css but want it go along the length of the whole width of the table.
the table width is 500px. example I want this heading to have a bottom border go right across the width not just under it. <p><span style="font-size:12px;font-family:verdana;line-height:150%;border-bottom: 1px solid #EAEADA; font-weight:bold;color:#24561e;">HEADING1</span></p> I dont want to add a style sheet. The above code Shows up as HEADING Similar TutorialsI'm trying to make css style table border width thickness. My coding is <tr> <td height="10" style="white-space: nowrap; border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: .9pt solid brown; padding: 0px"></td> </tr> When i run in html file, it'ok and it's work fine. But when i put this code in php file, it doesn't work. Is there any special coding do i need to modify for php file type? Please share with me if anyone has an idea or experience. Thanks in advance. How do I add a simple black border to the bottom of these headers: header1 and header2? thanks. Code: <TR valign=middle height=20> <TD class=header1><IMG src="/smusermanager/images/clear.gif" height=1 width=159 border=0></TD> <TD width="100%" align=right class=header2> </TD> </TR> Hi everyone, How can I set a fixed width and height for the whole frameset: Code: <html> <frameset cols="25%,50%,25%"> <frame src="http://www.w3schools.com/html/frame_a.htm"> <frame src="http://www.w3schools.com/html/frame_b.htm"> <frame src="http://www.w3schools.com/html/frame_c.htm"> </frameset> </html> I'd like the frameset to be just 400 x 200 px. But when I insert the above code it covers my whole webpage. Also I'd like to put a border around the frameset. Your help is really appreciated! Regards Rain Lover How do I make a table look like it's top and bottom go off the screen, like a solid bar down the middle of the screen. Instead of (with green being the table) it looks like . Thanks all. I have a table with 2 rows. The table is 100% width and height. I want the bottom row to snap to the bottom. This row in particular has a background image and another table inserted in it (3 columns x 1 row) How can I do this? Please help!! Here is the code (I have tagged in blue colour the row I want snapped to the bottom): <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" class="leftrepeatimg"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="127" valign="top" background="images/left_top_bg10.jpg" class="imagerepeathorizontal"><div align="left"><img src="images/left_top.jpg" width="117" height="127" /></div></td> </tr> <tr> <td valign="top" bgcolor="#000000"><div align="left"><img src="images/left_middle2.jpg" width="117" height="492" /></div></td> </tr> </table> </td> <td width="790" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="180" valign="top" background="images/menu_bg3.jpg" class="norepeat"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="23" colspan="3"> </td> </tr> <tr> <td width="337" height="61"><div align="center"><span class="style2">menu goes here </span></div></td> <td width="114" height="61"><img src="images/logo3.jpg" width="114" height="61" /></td> <td width="339" height="61"><div align="center"><span class="style2">menu goes here </span></div></td> </tr> <tr> <td colspan="3"> </td> </tr> </table></td> </tr> </table> </td> <td valign="top" class="rightrepeatimg"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="127" valign="top" background="images/left_top_bg10.jpg"><div align="right"><img src="images/right_top.jpg" width="117" height="127" /></div></td> </tr> <tr> <td valign="top" bgcolor="#000000"><div align="right"><img src="images/right_middle2.jpg" width="117" height="492" /></div></td> </tr> </table></td> </tr> <tr> <td colspan="3" valign="top" background="images/bottom_gradient_blue.jpg" class="bottomfixed"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><div align="left"><img src="images/bottom_left.jpg" width="276" height="91" /></div></td> <td><div align="center"><img src="images/bottom_line.jpg" width="404" height="91" /></div></td> <td><div align="right"><img src="images/bottom_right.jpg" width="207" height="91" /></div></td> </tr> </table></td> </tr> </table> I'm looking for some help getting an html table I created to be at the top of a page. It looks alright to me, but then when I post it to my blog it has like 50 blank lines and puts it at the bottom of the page. I want it right at the top. I'm not the best at html, especially tables... I just try and copy excisting table examples and add my own information. If someone can help it would be greatly appreciated. Heres the code: HTML Code: <table cellspacing="1" cellpadding="2" border="1"> <tbody></tbody></table><table border="6"> <tbody><tr> <td><b><center>Player</center></b></td> <td><b><center>G</center></b></td> <td><b><center>PA</center></b></td> <td><b><center>AB</center></b></td> <td><b><center>R</center></b></td> <td><b><center>H</center></b></td> <td><b><center>HR</center></b></td> <td><b><center>RBI</center></b></td> <td><b><center>BB</center></b></td> <td><b><center>SO</center></b></td> <td><b><center>SB</center></b></td> <td><b><center>BA</center></b></td> <td><b><center>OBP</center></b></td> <td><b><center>SLG</center></b></td> <td><b><center>OPS</center></b></td><b> </b></tr> <tr> <td align="middle">Corey Hart</td> <td>60</td> <td>221</td> <td>194</td> <td>34</td> <td>61</td> <td>10</td> <td>31</td> <td>21</td> <td>35</td> <td>15</td> <td>.314</td> <td>.391</td> <td>.531</td> <td>.922</td> </tr> <tr> <td align="middle">Carlos Lee</td> <td>76</td> <td>331</td> <td>292</td> <td>41</td> <td>85</td> <td>13</td> <td>60</td> <td>24</td> <td>30</td> <td>4</td> <td>.291</td> <td>.341</td> <td>.503</td> <td>.844</td> </tr> <tr> <td align="middle">Corey Hart Projected</td> <td></td> <td></td> <td>294</td> <td>51</td> <td>91</td> <td>15</td> <td>46</td> <td>31</td> <td>52</td> <td>22</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> </tr></tbody></table> Hi, i have tables on my site at the top, middle, right,left etc... but I can't seem to get one to stick at the bottom of the page, it just stays underneath the other page info, i want it to go right to the bottom.... any ideas? thanks I've been trying to figure out how to get a table that takes up 100% of the screen and has no margins. I've set all my page margins to 0 and my table width to 100% but I still get no luck. This is an example of what I am referring to: http://justskins.com/wpdemo/?wptheme=Webby%20Blue (the bottom part with recent posts, recent comments, etc...) Also, I like coding tables, I don't really care for css... Any help would be appreciated, thanks a lot! If I want to make a way to have that table move ends? On every other page, my table around my content works, but on the main page: http://www.snowwhitedesign.com there is a lot of white space below my image. My entire image is broken down into 3 x 3 images, 9 total in the grid. All images have different heights and widths I constructed the table by first creating the larger table with the blue border, and then created separate vertical tables within each vertical <td> since the images are of different heights. Also, how can I get rid of that small border line running right through the middle of my image? thanks! hey, simple question here i just cant get it to work though. i want to align some text to the bottom and to the right of a table <table width="100%" cellspacing="0" border="0" cellpadding="18" height="75%"> <tr> <td bgcolor="000000" width="10%"> <img src="graphics/spacer.gif" width="100" height="1"> </td> <td bgcolor="ffffff" width="90%" valign="top"> <h2>Welcome to the Darwin Soccer Clubs Official Website</h2> <hr color="black"> <p>Here we strive to bring you all the latest news from the club by keeping you updated on the results from all our games throught out the season, the roster so you will never forget when your teams, where your teams playing and who there playing. <br><br> Also check out the new <a href="p4potw.html">Player of the week</a> page to see if you have made it to number one!</p> <p align="right" valign="bottom"> THIS IS THE PART I CANT GET TO WORK</p> </td> </tr> i dont no why.. and try not to think about the other writing in the table this is for my studies i am doing. cheers </table> I'm trying to design a simple html website for the company I work for but I have run into a problem. I can't figure out how to make the table extend all the way down to the bottom of the page without stretching the content. I tried adding bottommargin="0px" to the body tag but that didn't work. I also tried adding height=100% to the table tag but that stretched the content of the page. Here's my code: <html> <head> <title></title> <link rel=stylesheet type="text/css" href=stylesheet.css> </head> <body topmargin="0px" bottommargin="0px"> <center> <table bgcolor="#FFFFFF" width=70% cellspacing=0 cellpadding=6 style="border: #000000 2px solid; border-bottom: 0px; border-top: 0px"> <tr><td> <center> <img src="logo.png"></a> </center> </td><td> <center> <b><big>Name</big></b> <br>Address <br>Address <br>Phone & Fax <br>License </center> </td><td> <center> <img src="logo.png"></a> </center> </td></tr> <tr><td colspan=3 style="border: #000000 2px solid; border-bottom: 0px; border-left: 0px; border-right: 0px"> <center> <img src="star.gif"> <a href=index.html>Home</a> <img src="star.gif"> <a href=testimonials.html>Testimonials</a> <img src="star.gif"> <a href=employment.html>Employment</a> <img src="star.gif"> <p><b><big>Welcome!</big></b></p> <p>Content</p> </center> </td></tr> </table> </center> </body> ----------------------- Hey, I'm having a couple of problems which I'm hoping some of you may be able to help me with. Basically the background for the website which I am working on has 3 sections; a top section, a blankl middle section, and a bottom section. I have therefore designed the site using 3 tables, each table containing one row and 3 columns. Each table has one of the backgrounds, such that: A. The background of the top table is the top background. B. The background of the middle table is the blank, plain white background. C. The background of the bottom table is the bottom background. This method seems to work, however when I first implemented this design non of tyhe backgrounds displayed, so to get round this I entered some <br></br> tags which succesfully caused the backgrounds to display suitably. I continues the web design in FF, and completed it. When I then viewed the finished article in IE there were 2 top backgrounds, on middle section, and 2 bottom backgrounds. I fear I may be totally missing the point here! Can anyone help me out please. hello, i am getting the results in two columns after using the following code... import_request_variables('p','p_'); $connect=mysql_connect('localhost','gkkilaru','gkkilaru') or die('could not open:'. mysql_error()); mysql_select_db('gkkilaru_db'); $result=mysql_query("SELECT * FROM human WHERE $p_Searchtype='$p_Search'"); function returnResultsInColumns( $mysqlResult ) { $queryResults = NULL; if( mysql_num_rows($mysqlResult) > 0 ) { while($resultRow = mysql_fetch_array($mysqlResult)) { for ($intPos = 0; $intPos < mysql_num_fields($mysqlResult); $intPos++) { $fieldName = mysql_field_name($mysqlResult, $intPos); $currentArrayPos = ( isset( $queryResults[$fieldName] ) ? count( $queryResults[$fieldName] ) : 0); $queryResults[$fieldName][$currentArrayPos] = $resultRow[$fieldName]; } } $htmlTable = "<table>"; foreach( $queryResults as $field => $results ) { $htmlTable.= "<tr>"; $htmlTable.= "<td>" . $field . "</td><td>" . implode( ", ", $results ) . "</td>"; $htmlTable.= "</tr>"; } $htmlTable.= "</table>"; return $htmlTable; } else { return "The query returned no results."; } } // Pass the result of the MySQL query into the function. $tableLayout = returnResultsInColumns($result); echo $tableLayout; can anyone let me know the code for how to place a border or table for the result obtained? Hi all, I want my table to have 100% of the screen width. But when the text inside is to big, the table is wider than the screen. My table info is: <table border='1' bordercolor='darkgrey' width='100%' cellpadding='3' cellspacing='0'> I also want, that all 8 columns have the same width according to 100% from the table. What can I do? Mfg, DerTobi Please check my new website at http://www.lombrozo.co.uk the main part of each page is a table with width set to 100%, but as you can see, it doesn't quite fill the width of the browser, you can see this by the thick grey line on the right side... Any ideas? any help much appreciated. Thanks, Simon. Hi, ive been trying to solve the image in the table but couldnt get it right.. I need help from you guys.. kindly see the attached image for the error: and this is the HTML code HTML Code: <table cellpadding="0" cellspacing="0" border="0" width="600px" bgcolor="#FFFFFF">
<tr>
<td width="34">
<img src="{/document/config/static-image-url}3_1_3.gif" alt="" border="0" width="34" height="116" />
</td>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="268" bgcolor="#FFFFFF" height="116">
<tr>
<td align="left" width="268" bgcolor="#FFFFFF">
<span class="price1" style="color:#000000;font-size:12px;font-family:Arial;font-weight:bold">
<xsl:call-template name="fixLines">
<xsl:with-param name="inText" select="/document/page/field-set/field[tagname = 'text_15']/value" />
</xsl:call-template>
</span>
</td>
</tr>
<tr>
<td align="left" width="268" bgcolor="#FFFFFF">
<span class="price1" style="color:#000000;font-size:12px;font-family:Arial">
<xsl:call-template name="fixLines">
<xsl:with-param name="inText" select="/document/page/field-set/field[tagname = 'text_16']/value" />
</xsl:call-template>
</span>
</td>
</tr>
</table>
</td>
<!-- the error image which needs to be aligned-->
<td>
<img src="{/document/config/static-image-url}3_1_5.gif" alt="" border="0" width="61" height="116" />
</td>
<!--END OF the error image which needs to be aligned-->
<td align="left" width="290" bgcolor="#FFFFFF" valign="top">
<span class="price1" style="color:#000000;font-size:12px;font-family:Arial;font-weight:bold">
<xsl:call-template name="fixLines">
<xsl:with-param name="inText" select="/document/page/field-set/field[tagname = 'text_17']/value" />
</xsl:call-template>
</span>
</td>
<td>
<img src="{/document/config/static-image-url}3_0.gif" alt="" border="0" width="100" height="116" />
</td>
<td>
<img src="{/document/config/static-image-url}3_1_4.gif" alt="" border="0" width="32" height="116" />
</td>
</tr>
</table>
Hope to get a response asap.. thank you guys, Regards, Ed Hi, I'm having an issue with a table that I could use some help with. Code: <table width="10"> <tr> <td width="10">ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890!@#$%^&*()_+/*-+</td> </tr> </table> As you can see, the letters contained in the <td> when printed are much wider than 10px, but because there are no spaces between the text, it stretches past 10px. I'm trying to find a way so that even though there are no spaces dividing the text, the text still stays within 10px width and doesn't stretch the table. I've tried fixed width and max-width, neither worked. Any suggestions? |
|||||||