|
HTML - Html Table With Picture
What i want is an html table with 9 rows and 3 columns
the first row is merged into a single cell with NAME in the rest of the first columni is to be merged into a single cell with a picture in i want the picture to be tight in the cell, no whitespace above, below or on the sides i want the bottom 8 rows (all of them except the header) to be the same height i'm nearly there but the bottom eight rows aren't all the same height. I'd prefer to do it using % rather than pixels if possible, i tried setting the first row to be 20% of the row height and the other 8 rows to be 10% but it didn't work any help appreciated, thanks Code: <body bgcolor=EEEEEE> <div align="center"> <!-- table with pic and summary data in --> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" cellalign="center" WIDTH="800"> <tr bgcolor="DarkGrey" height="20%"> <th width="100%" colspan = "3"> <font size=8 face="trebuchet MS"> NAME </font> </th> </TR> <TD rowspan="9" align="center" width = 20%><img width = 100% src="c:/test.bmp"/> </TD> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> </table> Similar TutorialsHi guys, I'm rather a n00b at html, and I'm sort of learning as I go while I help fix up a site that wasn't updated since 2006. I'm setting up a "Contact Us" page, and are rearranging the staff photos so that the CEO is in his own seperate table, up the top, and in the centre of the row. Then, below him, I'm hoping to put his secretary, the treasurer and the marketing person. The managers need to go under them, and work downwards. At the moment, here's what I've got: Code: <table border="1" width="100%">
<tr>
<td width="33%">
</td>
</tr>
<tr>
<td width="100%">
<dive align="center"><img src="xxxxx.gif" width="165" height="147"></div>
</td>
</tr>
<tr>
<td width="33%">
<div align="center"><a href="mailto:xx@xxx.xxx">Xxxx Xxxxx - Chief Executive Officer</a></div>
</tr>
</table>
. The table below this is rather severely outdated, and I haven't done much work on it, so there's not much point posting it here. The problem is that the picture of the CEO is left-justified in the cell, rather than being right in the (horizontal) centre of the page. Any ideas? Thanks a lot guys. Cheers, Franklint sorry for the strange title to my problem, but it's the best I can do. On the site below: http://www.nomagicneon.com/shows.html I have an image (not the truck) that contains data in the middle of it. I made it in MS publisher, now to change the data, I have to go back to MS pub. and change and save and resize etc etc. What I would like to do is: Make the image, cut out the data and then be able to put the data in using HTML code. I think that would require using code for the data and the new picture I created using absolutes. but since never using absolutes, I am not sure. any ideas? TIA Hello. I have problem with creating a website for my Counter-Strike team. When I trying to write match info, and insert there a little flag, it always goes below map picture. It goes there everyway... with FrontPage, with PageBreeze, even with a WordPad, then i tried to edit HTML code manualy. Here is a screenshot: I realy need this problem to be solved. Sorry for my english. I want this picture duplicated so it fills my whole background with multiple pictures of the same thing What code would I have to use cos Im using HTML The picture is http://www.freewebs.com/call--of--duty--4/M4.jpg So could somebody tell me the code I would need to put in Dear experts, I'm trying to send out a EDM. After creating the html mail, I realised that after attaching it to signature of my Outlook Express, my picture inside the html codes doesn't not appear. What should I do in order for the picture to appear ? Hope to hear some advice. Thanks. Hi i need some help i cannot figure out how to enter text ontop of a picture using HTML script. if i do it in design view the centering of the page and the alignents get all messed up how can i do this???? does anyone have any suggestions or html script examlpes to show me ???? im new at this and i wana learn how to use html script rather that making a website in design view it doesnt work!!!! erm im using Dreamweaver MX 2004 if this is important Thank You Pavzzz _________ I am currently making a comic website and I have no programing experience. I have seen some websites with neat galleries and I am wondering if there is any way to crop their html. My favorite gallery type is the one where the user can specify how many pictures he wants to see per page (there is usually a little box where you can choose how may pics per page are shown). Ok I hope my question is clear enough. Thanks in advance. Comments on this post Mandarin disagrees: Spambot. http://answers.yahoo.com/question/index?qid=20091226053506AA0Uun3 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 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> Hi All, I have a problem for my new website about putting two columns of tables alongside each other. I have a table at present with 4 columns Year Player Year Player What I would like is to completely seperate the 2 / 2 columns with a gap between with no lines etc. ie: Year Player Year Player I have searched google etc., but cant find an answer. If you would like to see what I have done: http://www.rammyarchive.co.uk/RAMMYW...ABOUT/captains Many thanks, Vic 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? 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! Hello All, I have a HTML Page that contains a table. This table has multiple rows (tr), each one containing two td elements The first td element contains text. When the length of the text is small, it shows up perfectly fine on the screen and the position of the table also looks fine. However, when I use a really long string as the text in the first td element, the text does show up, but the position of the table changes and it appears as though the table has moved to the right two spaces. This is really boggling. Can someone help out? I will really appreciate any help in this regard. I am attaching a snippet of the code with this post. Thanks, Kunal <html:form action="/atp_processMedicalHistory" onsubmit="displayWaitMessage()"> <tiles:insert page="/pages/appEntry/base/appEntryButtons.jsp"/> <div align="left" width="100%"> <tiles:insert page="/pages/appEntry/productInfo.jsp"/> </div> <div align="left" width="100%"> <table width="100%"> <tr class="listItemB"> <td align="left" class="tC" width="70%"> <bean:message key="label.medicalHistoryQuestion6"/> </td> </tr> </table> </div> </html:form> Hey Friends Im having issues using rowspan on an html table. The image above is almost where I need it to be. Here is my code and below . Under my code I am posting what it should look like. _________________________________________________________________ <table width="150" height="150" border="1"> <tr> <td> 1 </td> <td width="33%" height="33%"> 4 </td> <td rowspan="3" > 6 </td> </tr> <tr > <td height="33%" width="33%"> 2</td> <td rowspan="2" height="33%" width="33%"> 5 </td> </tr> <tr > <td height="33%" width="33%" >3 </td> </tr> </table> _____________________________________________________________ Here is what my image is supposed to look like. Thanks, Tom Would someone please help me with some HTML code? I am having problems creating tables. I need to create a 50% wide, one-row, two-column borderless table. PLEASE HELP! Thanks, Karen 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> 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! |
|||||||