|
HTML - Html Table Borders
I'm not a big fan of the table borders provided by HTML. Is there any way to change the type of border?
Thanx 4 the help! Similar TutorialsHow can I draw an html table without horizontal cell borders? Hi I am facing an issue , the table border are overlapping , also its not aligned properly . i am attaching the HTML code , Anyone got the solutions to fix this issue would be a great help. Im trying to put borders on the right and left sides of my navigation cell. Here is what I have in my css. Code: td.linkcell {
background-color: CCCCCC;
border-top:0px inset "red";
border-right:10px inset "red";
border-bottom:0px inset "red";
border-left:10px inset "red";
}
And here is what I have in my HTML Code: <table width="50%" border="0"> <tr> <td width="100%" bgcolor="#CCCCCC"> <img src="pylbann.jpg" align="center"> </td> </tr> <tr> <td class="linkcell"> </td> </tr> </table> The borders show up fine but they are two different colors and niether of them are the right color. This is the site www.freewebs.com/postyourlyrics/ This is the CSS www.freewebs.com/postyourlyrics/pylcss.css hello, i am having a pretty frustrating problem here .... i need to show a border, as a separator, but i need it to be a single border on the bottom of <td>, however, IE doesn't show it.. here is my HTML <td style="height:30px; width:820px; padding-left:10px; border:maroon 2px solid;" align="left"></td> any ideas ? thanks in advance I am trying to create a TABLE that has a border, but the TD(s) within this TABLE have NO border. Is this possible using *only* HTML, and not CSS/styling. Is this possible? (Note, I am very well versed in CSS - but can't use it for this) The borders in this code don't show up. Code: td.bodycell {
width: 77.5%;
height: 450;
background-color: white;
border-right:2px solid black;
border-bottom:2px solid black;
}
Can someone please help me!?! Thanks! Hey guys. At the moment i have made a 100% colored table. What i am trying to do is add a 1px colored border to the top of the table and a 2px colored border to the bottom of the table. Ive tried several different approaches but i never get the result i am looking for. Can anyone help me out with this? Here is my code: Quote: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr bgcolor="#000033"> <td align="left"><font face="Arial, Helvetica, sans-serif" size="6"><b><font color="#FFFFFF"> <a name="top">Title</a></font></b></font></td> </tr> James Hi everybody, this is my first post. Kudos for the site, looks like a helpful and fun place. Liking all the crazy colors, too My issue is the following. Don't know what I did in my code to cause this, but although it is properly defined when inserted and I can see it in Dreamweaver, the border to my tables does not appear in browsers. Can't think of what might be wrong. Thanks. Well as a noob i would just like to say hello to you all. I thought adding a intro page would annoy people and i like this so i started building a intro page with a already built swf file Nightmare, i cannot get the white borders to go away, if i change the size of the swf it changes the borders position. I never get a border all the way around the swf, its either top and bottom or left and right depending on resizing the swf please help as its driving me mad this is the code i have so far <html> <head> <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>Click Here To Continue</title> </head> <body bgcolor="#000000"< MARGINHEIGHT="0" MARGINWIDTH="0" TOPMARGIN="0" LEFTMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" SCROLL="NO">> <table border="1" cellpadding="0" cellspacing="0" width="100%" height="585" style="border-style: none" fpstyle="1,000001100"> <tr> <td width="17%" height="11" style="border-style: none"></td> <td width="62%" height="11" style="border-style: none"></td> <td width="21%" height="11" style="border-style: none"></td> </tr> <tr> <td width="17%" height="568" style="border-style: none"> </td> <td width="62%" height="568" style="border-style: none"> <p align="center"> <embed src="intro.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="81%" height="100%" loop="false"></td> <td width="21%" height="568" style="border-style: none"> </td> </tr> <tr> <td width="17%" height="47" style="border-style: none"> </td> <td width="62%" height="47" style="border-style: none"> <p align="center"><a href="www.voodoo-music.co.uk/home.html">Click Here To Continue</a> </td> <td width="21%" height="47" style="border-style: none"> </td> </tr> </table> </body> </html> So I decided to see if I could make my site XHTML 1.0 Strict-compliant. Here's the main page on my test server I'd be thrilled with it if I could do 3 things: - Set the background color of the left column to match the color behind the fonts. Is there a CSS class I can create and set the cells to that class? - Remove the border around clickable images. - Get the spacing between the menu options on the left to look the way it does on the other pages in the site. If you click any of the pages on my actual site you can see the look I'm going for. Thanks as always for the help! Joshua why the table i have dont expand over browser borders when sum of td widths is bigger than screen width? How can i overcome this problem? Hello to all, I have been trying to research and track down the solution to a browser consistency issue I'm having. On my page, myaplusservices.com/index.html , I have successfully removed the borders for each frame in Firefox; however, in Internet Explorer the borders are still appearing as thin white lines between each frame. I hope there is some way to correct this so it's consitent between the different browsers. I am new to this and I'm about ready to pull out my hair... =) <!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> <title>A+ Services- Mesa, AZ</title> </head> <frameset cols="*,800,*" frameborder=no border=no framespacing=no frameborder="0"> <frame src="leftblank.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frameset rows="100,30,*,30" frameborder=no border=no framespacing=no> <frame src="banner.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frame src="buttons1.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frameset cols="150,650" frameborder=no border=no framespacing=no> <frame src="navbar.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frame src="home.html" name="main" noresize frameborder=no border=no framespacing=no> </frameset> <frame src="footer.html" scrolling=no noresize frameborder=no border=no framespacing=no> </frameset> <frame src="rightblank.html" frameborder=no border=no framespacing=no> </frameset> </html> I appreciate any help I can get. Thank you, Can I put an HTML page within a html page in a table? I have this template that I need to email to people, it will not be on my website. Wow ever I need to change the information in one table every few days. The information is live I think it's called. It's like if I place google adsense in that table and decide to change it to ad-clicks later, I can't send everyone a new template, I need to be able to change just the information within that table. I'm going to go read up on frames, haven't used them in years. Any ideas! ~eDee Hello. Thanks for taking your time to read this. I just set up a website www.austinbrister.com on my start page, the tables have funky heights and widths so everything isn't flowing smoothly. I am pretty good at Photoshop, so I got this far, but the html isn't exactly my strong point, can you help, please? How can I make the age text field closer on the name text field on the left side? Thanks. <!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=utf-8" /> <title>Untitled Document</title> </head> <body> <table width="200" align="center" bgcolor="#99CC00"> <tr> <td >Name</td> <td >:</td> <td><input name="name" type="text" id="name" size="40" value="25"></td> <td>age</td> <td >:</td> <td><input name="name" type="text" id="name" size="5" value="25"></td> </tr> <tr> <td >Location</td> <td >:</td> <td><input name="name" type="text" id="name" size="70" value="25"></td> </tr> </table> </body> </html> Here's a basic picture of what I want & what I end up getting: I know how a basic table works: HTML Code: <table>
<tr>
<td>Left stuff here!</td>
<td>Center stuff</td>
<td>(nothing here...!)</td>
</tr>
</table>
But i'm not sure of the most effecient way of achieving the results I want... Help would be greatly appreciated! Hi ! I'm programming in html and testing on phonegap my app. I wanna that my aplication opens a .xml file and dispose the information in a table. Code: <?xml version="1.0" encoding="ISO-8859-1"?> <EXTRACTO id="008450197/12/2009"> <MES_EMISSAO>Dezembro 2009</MES_EMISSAO> <CLIENTE id="0514867994"> <NIF>227723694</NIF> <NOME>ANTONIO PEDRO LEITE SANTOS</NOME> <MORADA>RUA DR EDGARDO SA MALHEIRO, 177 3-DTO</MORADA> <LOCALIDADE>BRAGA</LOCALIDADE> <CODIGO_POSTAL>4705-267 BRAGA</CODIGO_POSTAL> </CLIENTE> <IDENTIFICADOR id="42171790017"> <MATRICULA>90-95-VS</MATRICULA> <TRANSACCAO> <DATA_ENTRADA>-</DATA_ENTRADA> <HORA_ENTRADA>09:15</HORA_ENTRADA> <DATA>2009-11-24</DATA> <HORA>09:27</HORA> <DESCRITIVO>Cruz - Maia II</DESCRITIVO> <OPERADOR>BRISA</OPERADOR> <IMPORTANCIA>1.90</IMPORTANCIA> <TAXA_IVA>0.20</TAXA_IVA> <VALOR_IVA>0.32</VALOR_IVA> <DATA_DEBITO>2009-12-03</DATA_DEBITO> <CARTAO>7784337</CARTAO> <TIPO>Portagens</TIPO> </TRANSACCAO> <TRANSACCAO> <DATA_ENTRADA>-</DATA_ENTRADA> <HORA_ENTRADA>19:42</HORA_ENTRADA> <DATA>2009-11-24</DATA> <HORA>19:56</HORA> <DESCRITIVO>Maia II - Cruz</DESCRITIVO> <OPERADOR>BRISA</OPERADOR> <IMPORTANCIA>1.90</IMPORTANCIA> <TAXA_IVA>0.20</TAXA_IVA> <VALOR_IVA>0.32</VALOR_IVA> <DATA_DEBITO>2009-12-03</DATA_DEBITO> <CARTAO>7784337</CARTAO> <TIPO>Portagens</TIPO> </TRANSACCAO> This is my .csv file. Named: 008.450.197-12-2009 I want to enter in the table only the information of /TRANSACCAO Can you help me Thanks everyone! i'm redoing my website. i'm just using html to make a table at the top where the tabs are to navigate around the siote. but in between the tabs theres a 1 or 2 pixel gap. i can't figure out how to get rid of it. heres a pictu heres my html for the table: <table width="946" height="103" border="0" bordercolor="000000" bgcolor="000000" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="83" colspan=11> <img src="4gcmain.bmp" alt="" width="946" height="83" border="0" bordercolor="000000" align="center" cellpadding="0" cellspacing="0">></a></td> </tr> <tr> <tr> <td height="32"> <img src="visual/left.bmp" alt="" width="118" height="32" border="0" bordercolor="000000" align="center" cellpadding="0" cellspacing="0"></a></td> <td> <a href="http://www.4th-gen-civic.com"><img src="visual/home.bmp" alt="" width="60" height="32" border="0"></a></td> <td> <a href="http://4th-gen-civic.com/forum/index.php?login=243077"><img src="visual/forum.bmp" alt="" width="71" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/model.htm"><img src="visual/model.bmp" alt="" width="111" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/swaps.htm"><img src="visual/swaps.bmp" alt="" width="131" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/b16.htm"><img src="visual/b16s .bmp" alt="" width="109" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/tech.htm"><img src="visual/tech.bmp" alt="" width="57" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/efs.htm"><img src="visual/efs.bmp" alt="" width="48" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/links.htm"><img src="visual/links.bmp" alt="" width="63" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/ef.htm"><img src="visual/ef.bmp" alt="" width="48" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/ef.htm"><img src="visual/right.bmp" alt="" width="121" height="32" border="0"></a></td> </tr> </tr> </table> Howdy everyone! I am new to the HTML world and my range of knowledge just extends to the basics. I am working trying to fix a webpage issue that has been bugging me for the past couple days and so I decided to browse the internet for help. I created a table in Chrome and it displays perfect but when you open up the same page in Internet Explorer, the table doesn't break down into new rows. It is one long row with a lot of columns. I don't understand, it displays fine in Chrome but not IE. I put the code below, please help! (Oh and i added anchors that scroll to the bottom where there is more information on the subject, those work fine in both browsers) <table width="100%" border="2" bordercolor="#336699" CELLPADDING="3" CELLSPACING="3"> <tr> <td><a href="http://www.utb.edu/sa/dos/Pages/vaginamonologues.aspx">"Vagina Monologues"</a></td> <td> Thursday, March 3 <br> 7:00 p.m. <br><br> Friday, March 4 <br>Noon and 7:00 p.m.</td> <td>SETB Lecture Hall </tr> <td><a href="#burningbras">"Burning Bras: The Power of Literature" Poetry Reading</td></a> <td> Friday, March 4 <br> 11:00 a.m.</td> <td> Endowment Courtyard </tr> <td><a href="#Centennial">"Centennial Anniversary of International Women's Day"</td></a> <td> Tuesday, March 8 <br> 1:40 - 3:00 p.m.</td> <td> 3rd Floor Conference Room, SETB </tr> <td><a href="#openhouse">"Centennial Anniversary of International Women's Day": Open House</td></a> <td> Tuesday, March 8 <br> 3:30 - 5:00 p.m.</td> <td> Office of Global Engagement, Lightner Center </tr> <td><a href="#iron">"Iron Jawed Angels" Film and Discussion</td></a> <td> Tuesday, March 8 <br>7:00 p.m. - 8:30 p.m.</td> <td> 3rd Floor Conference Room, SETB </tr> <td><a href="#self">Self Defense Seminar and Workshop</td></a> <td> Wednesday, March 9 <br>6:00 - 8:00 p.m.</td> <td> REK Center </tr> <td><a href="#women">Women's Leadership Conference</td></a> <td> Friday, March 25 <br> 2:00 - 7:00 p.m.</td> <td> EDBC, Salon Cassia </tr> <td><a href="#scorpion">Scorpion Historical Society presents "Equal Rights Amendment" Forum</td></a> <td> Monday, March 28 <br> 12:15 - 1:30 p.m.</td> <td> SETB Lecture Hall </tr> <td><a href="#professional">Professional Women Speak Spring 2011 Conference</td></a> <td> Saturday, March 26 <br> 10:00 - 2:00 p.m.</td> <td> EDBC, Salon Cassia </tr> <td><a href="#wellness">Women's Wellness Fair</td></a> <td> Tuesday, March 29 <br> 10:00 - 2:00 p.m.</td> <td> REK Center </tr> <td><a href="#sin">"Sin by Silence" and "In Her Own Words"</td></a> <td> Wednesday, April 6 <br> 7:00 - 8:30 p.m.</td> <td> SETB Lecture Hall </tr> </table> |
|||||||