|
HTML - Html Table With Links Problem
Hey guys,
Okay so here is what I am trying to do. I am populating a table with some info from a database. The data should look something like this. Recipe Name - Prep Time - Total Time- Rating ============================ test data here 12 mins 15 mins 4.5 test data here 12 mins 15 mins 4.5 test data here 12 mins 15 mins 4.5 test data here 12 mins 15 mins 4.5 The names of the recipe is what I want to create as links so that when the user clicks on a certain RECIPE NAME another page will open showing only the data that goes with that recipe he/she clicked on. So far I have not gotten my code to work correctly, i dunno if i am missing something or doing it all wrong? I am using a while loop to generate all the recipes form the database. Again, i want the names of the recipes to be the links. Please help me!!!! Thanks for your time and help Here is my code: <? while( $row = mysql_fetch_array( $result ) ) { ?> <tr> <a href="ShowRecipe.php?id=<?=$row['id']?>"></a> <td><?=$row['name']?></td> <td><?=$row['preptime']?> mins</td> <td><?=$row['totaltime']?> mins</td> <td><?=$row['rating']?></td> </tr> <? } ?> Similar TutorialsIm trying to create a table for ebay use, i created pic for top left, top right, bottom left and bottom right. 1 also created pic for top middle (the middle part should be changeable- it can get longer or shorter same with the middle bottom and left and right middle pics) but the problem is i dont know how to make the right and left middle to repeat itself, also i dont know the correct HTML code to set the right middle picture in its rightful place. Im new in creating HTML, my goal is to have a table border that has a fixed size on all corners except for inbetweens - i want them stretching. i would appreciate some tips. Thanks HTML Code: <TABLE style="BORDER-RIGHT: #fff 3px solid; BORDER-TOP: #fff 3px solid; BORDER-LEFT: #fff 3px solid; BORDER-BOTTOM: #fff 3px solid" cellSpacing=0 cellPadding=0 width="95%" align=center> <TBODY> <TR> <TD vAlign=top align=left><img src="http://img222.imageshack.us/img222/8549/topleftea0.gif"></TD> <TD vAlign=top width="100%" background="http://img242.imageshack.us/img242/6443/topmiddleeq0.gif"></TD> <TD vAlign=top align=right><img src="http://img222.imageshack.us/img222/5030/toprightqx9.gif"></TD> <tr><td style="background:transparent url(http://img242.imageshack.us/img242/3990/leftframeru4.gif) left top;" valign="bottom"><img src="http://img242.imageshack.us/img242/3990/leftframeru4.gif"></td></TR> <tr><td style="background:transparent url(http://img364.imageshack.us/img364/4470/rightsidetq1.gif) right top;" valign="bottom"><img src="http://img364.imageshack.us/img364/4470/rightsidetq1.gif"></TR></TD> <TR> <TD vAlign=bottom align=left><img src="http://img242.imageshack.us/img242/4265/lowerleftqo9.gif"></TD> <TD vAlign=bottom width="100%" background="http://img242.imageshack.us/img242/1425/lowermiddlepn7.gif"></TD> <TD vAlign=bottom align=right><img src="http://img242.imageshack.us/img242/4020/lowerrightwo9.gif"></TD> Hi there, After HOURS of battling with what I thought should be so simple I have given up and registered for help! The very basic form of my problem is I want a table with 3 cells, The first two cells (one black, one blue) I want to be left aligned and simply as wide as the cell contents. I then want the 3rd cell to be right aligned, and fill up the rest of the row before reaching the text. So the 3rd cell spans from the 2nd cell all the way to the right of the table. I have uploaded 2 images. One is the rough design that I'm trying to achieve, the other shows my results. what I want: http://imageshack.us/photo/my-images/705/hopez.png/ (the 'music videos' would be in a separate cell as the background will be blue as you can see in my tests below) actual: http://imageshack.us/photo/my-images/830/problemue.png/ It either ends up as above or with hours of fiddling I did somehow have it over at the right, but only behind the text was black, there was just open space between the blue cell and the right aligned cell. So frustrated, better go to bed, haha. Hello everyone. Im new to forums and am looking for some help my my html. I am having problems with the alignment of my tables. They used to align perfectly but are now being stretched the length of the page. It has to do with my TD somewhere but I can't find it. If you check this code you'll see what I mean. Im not sure what I did but it never had this problem before. Let me know what you guys think. Thanks Hi All, I am newbie with HTML, I am having difficulties in nesting the tables. I have 4 <TD> tags in a <Table> but somehow due to some nesting issues when i am inserting a table in my 3rd <TD> my 4th <TD> goes out of the table. Here goes my Code... ------------------------------------------------------------------------------------------------------- <HTML> <BODY> <table border=1 width="100%"> <tr> <td>1st TD</td> <TD>2nd TD</td> <td>3rd TD <table> <tr> <table> <tr> <td>Info</td> <td>S/O</td> </tr> <tr> <td><select><option>Info about Renting</option></select></td> <td><input type="text" style="width:70px"></td> </tr> <tr> <table width="50%"> <td></td> <td>ABC</td> <td>DEF</td> <td>GHI</td> <td>JKL</td> </table> </tr> <table> </tr> </table> </td> <td>4th TD</td> </tr> </table> </BODY> </HTML> -------------------------------------------------------------------------------------------------------- Please Help!!!... -Gagan Hi, Im very new to php and mysql coding. Im trying to make support system for a basketball fantasy website where it predicts the player's next games fantasy pts. The tables consists of a number of columns; Game, OFF, DEF, REB, AST, STL, BLK, TO, PF and PTS. There is a number of rows that contains the values of these columns. I want to write some code that takes these values and multiple them with a value and add them to next column. So it like formula for example; Game|OFF|DEF|REB|AST|STL|BLK|TO|PF|PTS 1 | 1 | 0 | 2 | 1 | 3 | 1 | 0 | 2 | 6 2 | 2 | 0 | 2 | 1 | 3 | 1 | 0 | 2 | 6 The Formula would be (OFF *0.5) + (DEF*0.5) etc and place the result in column called FantasyPTS. So the resulting table would be like this; Game|OFF|DEF|REB|AST|STL|BLK|TO|PF|PTS |FantasyPTS 1 | 1 | 0 | 2 | 1 | 3 | 1 | 0 | 2 | 6 | ? 2 | 2 | 0 | 2 | 1 | 3 | 1 | 0 | 2 | 6 | ? Thank you in advance Hello Everyone! (hoping for quick reply.. lol) I am not sure if this should go here, or in the design section. I chose here, because it is a problem in the code itself. I have introduced myself in the introductory section, if you want to know a little bit more about what I am doing this for. I made a template design in The Gimp photo editor. I sliced it up, and opened up the HTML file in the editor Kompozer. It opened up just like it should, but I wanted a liquid type layout, so I turned the cell's widths into the corresponding percentages, though Kompozer rounded them off. (Shown below) However, when I previewed the file this time, it appeared as if it skipped every other cell, leaving a blank white space in its spot. Not even in the right percentages. I think I know what I've done wrong, looking back now that I am writing this thread. Can someone please point me in the right direction? EDIT: Code posted as comment, due to lack of character room. Hi all, I love the design of this forum. I have a very annoying HTML problem and really need help. Would REALLY appreciate it. On some of the pages there's too much space between the table cells. I've tried EVERYTHING and couldn't find the source of the problem. Take it as a challenge and please help... Try this: http://www.canaseed.com/Search.aspx?search=csdc I've attached a gif file that describes the problem. Thank you so much for your help... Hi, I'm having a basic problem with a HTML table. It displays exactly how I want on Firefox 3.5.15 but on Internet Explorer 8 is does not. Can anyone point out what I need to do to get this table displaying in IE as it does in Firefox? Below is my HTML table and I suspect IE 8 is ignoring 'rules = rows'; <?php echo '<TABLE bordercolor=#000000 cellspacing=0 cellpadding=10 border=0 rules=rows frame=box width="90%">'."\n"; echo '<tr>'; echo '<td><B><font size=1>Test Name</font></B></td><td><B><font size=1>Date</font></B></td><td>'; echo '</tr>'; echo '<tr>'; echo '<td><font size=1>Test Number 1</font></td><td><font size=1>01/01/2010</font></td>'; echo '</tr>'; echo '<tr>'; echo '<td><font size=1>Test Number 2</font></td><td><font size=1>02/01/2010</font></td>'; echo '</tr>'; echo '<tr>'; echo '<td><font size=1>Test Number 3</font></td><td><font size=1>03/01/2010</font></td>'; echo '</tr>'; echo '<tr>'; echo '<td><font size=1>Test Number 4</font></td><td><font size=1>04/01/2010</font></td>'; echo '</tr>'; echo '<tr>'; echo '<td><font size=1>Test Number 5</font></td><td><font size=1>05/01/2010</font></td>'; echo '</tr>'; echo '<tr>'; echo '</TABLE>'."\n"."\n"; ?> Thanks! I just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found. How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP Thank you all in advanced!! Hi there, I have a problem with two pages on my website; the right-nav images are not working (in IE7). I have checked the links in the code and they are set up correctly, however the links seem inactive once tested. They do work fine in Firefox. The links are nested in a table, that is inside another (main) table, and they are not set as background images for the cell. Please see http://www.centralbancmtg.com/test/contact.html to see what I am talking about. The links that do not work are the "Mortgage Brokers - Click Here", "Today's HOT Programs" and "Employee Login" located on the right column. The follwoing link has the same problem: "Todays' HOT Programs" (first 2/3rds of the image are not "clickable") on: http://www.centralbancmtg.com/test/brokers.html I am not an expert and need help immediately. I'm sure it's an easy fix but if you have a solution please let me know ASAP! Thank you! I am making a simple table with multiple links in each of the cells. The only problem is when I try to put 2 links in the same cell it turns out like this: Link Link, side by side. Is there a way to make them be a list (up and down) like this: Link Link Thanks in advance. Hello, im finally putting once of my websites on to a server but the problem is that the links do not work once up.... they are in a php include .... they also work fine on my localhost machine ive name my links like: index.php, london.php etcetc do i need to name them: http://websitename.co.uk/london.php etc? If that doesnt make sense ask and i will try and make it clear what i am trying to do. Thanks Scott. Hi, i'm just starting doing html and dreamweaver, but i got a bit of a problem no matter what i do cant link 2 pages together! can someone help me with this??? thanks For some reason my link is not working but the source is definately correct so i am confused why it doesnt work. any help would be much appreciated. HTML Code: <a href="C:\Users\umar\Documents\Humzah \computing FINAL DO NOT EDIT\project \Final Website\AQA-COMP2-W-QP-JAN09.pdf"> <b>Past Exam Paper Comp 2 January 2009:</b> </a> Practice to test your understanding with this past paper.<br> Hi, I'm coding a website in just HTML and am encountering a problem... When ever I try to link to another HTML document that I have coded, the browser won't load it. This is the error message that appears: (BTW, I'm using Opera, if that helps) You tried to access the address file://localhost/C:/Users/Milkyway/HTML%20Files/TheFreebieSmartGuide.com/HTML%20Files/MegaFreebie.htm, which is currently unavailable. Please make sure that the Web address (URL) is correctly spelled and punctuated, then try reloading the page. NOTE: The "%20" appear where spaces would be. This is the line of code that I'm using: <A HREF="MegaFreebie.htm">Laptops.MegaFreebie.com</a>-A site where you can get a free notebook computer!<BR> Thanks for everyone's help. Hello all, I am working on a blog roll or links sidebar for my site. If you go to QuickCache you will find that all of my links forward to http://www.quickcache.org/http://linkedsite.com I want it to go to http://linkedsite.com. You can view my code here using the password "help" Could you tell me how to fix this, and what i am doing wrong? Thank you very much, Mbf123 Update: Sorry for the links in this post, they were meant to be examples for a site that I could link to. To briefly explain what is happening.... I can hover over my links on my index.html page. Click any of them which directs me to the proper page... but any remaining licks change to the same as first previously clicked link and stays there Wierd. Therfore clicking does nothing at this point. I can refresh to the index page again and everthing is back to normal. I can hover over any link I want but if I click it it will go to the correct page , but then the remaining link all change to that one. Is the a problem with my html or css file? Thanks Hi So I'm creating a website and I made a banner in photoshop with the Home, About buttons etc on it. I have made text in HTML saying Home, About (and the other buttons) And I have placed it over the buttons on the jpg banner. But now I need to know how to make a box around the text, so anywhere in the box is clickable, rather than just the actual text. Then I can just make the links transparent and Im set! I am a noob... A pic for those confused..... probably all of you : ( i know its not looking great but im still only designing it) http://i1058.photobucket.com/albums/t402...17/pic.jpg I know I could just enlarge the text so it fits the buttons on the picture, but then I would have to change the margins and stuff again and there must be an easier way to do it and I want to learn how. Help will be appreciated PS: If you look at the pic, you'll see the dark grey div. If possible, I would like to know how to get rid of that space between the div and banner. Thanks Hello, I have the following problem: I want to put online a link to local file. The name of the file has spaces in it like in the example below: HTML Code: <a href='file://H:\Documents and Settings\admin\Desktop\a b.docx' target=_blank>test</a> I also tryed: HTML Code: <a href='file://H:\Documents%20and%20Settings\admin\Desktop\a%20b.docx' target=_blank>test</a> but it still does not open the file When viewing the link properties for the first example it shows: Code: file:///H:/Documents%20and%20Settings/admin/Desktop/a%20b.docx and for the second: Code: file:///H:/Documents%2520and%2520Settings/admin/Desktop/a%2520b.docx witch is obviously not correct since it is escaped... What am I doing wrong? How should I write the link code so that it will open a local file on my pc that has spaces in it's name? Thanks for the help... I have been sent a flash file to use on my website as an ad. I have successfully inserted it as a html into my website, and it is all working fine apart from one thing. The link is not working. I have followed all the tutorials correctly, and when you hover over it, it displays the link in the pane at the bottom of Internet Explorer. The problem is that I can't edit the flash file, and it did not come with any hyperlink added to the swf. Is there a way I can make this work so that it goes to the link when clicked on? This is my html code so far: <a href="http://www.rspb.org.uk" target="_blank"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="498" height="380" id="test1"> <param name="movie" value="http://s1.2mdn.net/1286313/GOLDFINCH-RSPB-LBANNER-SWF.swf " /><embed src="http://s1.2mdn.net/1286313/GOLDFINCH-RSPB-LBANNER-SWF.swf " width="468" height="60" name="test1" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object> </a> |
|||||||