uktab Posted January 27, 2011 Posted January 27, 2011 I have a website which is here: After the intro screen, there's a search page with 4 big buttons in a vertical column. I want to turn the column into a horizontal row, but I can't find a drag-n-drop feature in Dreamweaver and the code isn't clear to a beginner like me! The section highlighted in Dreamweaver when I select the buttons is below. If anyone knows how to re-write this to make them go side by side instead of on top pf eachother I'd be really grateful. Thank you, Tab! <td valign="top" colspan="2"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="right" width="175" height="141" style="padding:10px;"> <img src="/images/musicsearchlit.png" width="120" height="35" border="0" align="absmiddle"><br> <img src="/images/dottedline.jpg"><br> <a href="http://afml.mcps-prs-alliance.co.uk/afml/"target="blank"><img src="/images/musiclicence.png" width="120" height="30" align="absmiddle" border="0"></a> <img src="/images/dottedline.jpg"><br> <a href="/about.php"><img src="/images/about.png" width="120" height="30" align="absmiddle" border="0"></a><br> <img src="/images/dottedline.jpg"><br> <a href="/contact.php"><img src="/images/contact.png" width="120" height="30" align="absmiddle" border="0"></a> </td> Quote
RandyL Posted January 28, 2011 Posted January 28, 2011 This is a very specific topic relating to the software program. It might be best to search at their site. As this appears to be pure HTML the code is simple only if you are experienced in it. However you would need to supply the entire source code of the page as only a single mistake can break the page code. A link would be better. I would suggest checking against something like WC3 if you are looking for coding errors. Coding a page manually is not easy. Quote We are all members helping other members. Please return here where you may be able to help someone else. After all, no one knows everything and you may have the answer that someone needs.Get help with computer problems. Join Free PC Help here Donations are welcome. Read Here
RandyL Posted January 29, 2011 Posted January 29, 2011 OK. Without the complete source code I'm guessing by the looks that you have a single table <td> set up with a line break in the table <br> This is why you see a column. What you need to do is set up a table row then table data inserting the values as you go. <TR> <TD><TD><TD> </TR> However you are also using column span <td valign="top" colspan="2"> which implies there is more to the source code than you supplied. This implies a header. Have a look at tables at the HTML CODE TUTORIAL site. Be warned though that setting up tables within tables gets very complicated. Quote We are all members helping other members. Please return here where you may be able to help someone else. After all, no one knows everything and you may have the answer that someone needs.Get help with computer problems. Join Free PC Help here Donations are welcome. Read Here
stormingnorm Posted January 22, 2012 Posted January 22, 2012 Align content in table cell. Hi uktab. Heres a basic example that should help i noticed u have the <tr> & <td> the wrong way round and also you are executing one block of code....but i presume you may have wanted it that way. If you want to see this example in action copy & paste the code into notepad save as lets say tableData.html.....save in lets say myDocuments.........go to this folder on your pc, the saved file will appear as a browser icon...whatever browser u are using double click icon and example code will appear as a page in your browser. Example: Where for instance u want one of you images to be, it would go where money spent on goes. Hope this helps. Go to the w3schools webpage for more information. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Align content in a table cell</title> </head> <body> <tr> <table width="400" table border="1"> <th align="left"> Money spent on...</th> <th align="right">January</th> <th align="right">February</th> </tr> <tr> <td align="left">Clothes</td> <td align="right">£241.10</td> <td align="right">£50.20</td> </tr> <tr> <td align="left">Make up</td> <td align="right">£30.00</td> <td align="right">£44.45</td> </tr> <tr> <td align="left">Food</td> <td align="right">£730.00</td> <td align="right">£650.00</td> </tr> <tr> <th align="left">Sum</th> <th align="right">£1001.00</th> <th align="right">£744.00</th> </tr> </table> </body> </html> Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.