HTML - Issue With Poll Bar Exceeding <td>
I'm having an issue with displaying poll results. The poll bar is made up of left cap, center bar and right cap images. The center bar is stretched according to survey result percentage. The problem is, if a result is 100% the combined poll images are not (including COUNT - see below) contained on the same line. Also included attachment to give better idea. Anything less than 95% and the bar shows ok.
Here's the code: Code: <td> <img src="poll_left.gif"><img src="poll_center.gif" width="{survey_question_row.survey_row.PERCENT}%" height="12"><img src="poll_right.gif"> {survey_question_row.survey_row.COUNT} </td> How do I contain the three images (along with survey_row.COUNT) on the same line? If I remove the " % " then obviously the bar shows as pixel width which isn't what I want - bar ends up very small in length. I know I probably need to add style code to <td> to restrict and contain all content to the same line but afraid I don't know what. Or does an equation in width="{survey_question_row.survey_row.PERCENT}%" requires adding to reduce the width so everything fits on same line? Would appreciate any help and thanks in advance. Similar TutorialsHi. Is it wrong to exceed the width or height of a <div>, or any other tag? For instance, I've got a <div>, which I set to 50px. Now this is more then I need, because it's only 1 line of text, but I'm using a background image with 50px in height in the <p> tag inside the <div> tag. However, I don't want the <div> tag to be 50px, only 25px. It's complicated to explain why I need it like this, and I probably haven't done it correctly, but my question is: is it okay for the contents inside a <div> tag to be wider/higher then the actual <div> tag? Thank you ;D I am not sure where this would belong on the forum but I would like to suggest a discussion category on IE7 only (CSS/XHTML). Bad idea? I created the look of the poll through Dreamweaver. How do I link the poll from my forums so that when they vote on the front page it will vote on the forums? Basically trying to make my front page a portal I guess from scratch. Heres a link to my homepage with the poll: http://compkiosk.com/ And heres the forum with the poll: http://www.compkiosk.com/Forums/viewtopic.php?f=51&t=8 I don't know how to make the Radio buttons work with the submit button. Hi. i have a problem. I made a template... and i create a poll on a site and i put that poll on my site and i don't get how to put that on the right og the template... when i use allign="right" it goes to far and i can use spaces because the poll gets one row down. Thanks in advance. delete please I could use some help with this. I'm trying to make a basic poll. What I want is that after the user votes, it shows the results for about 2-3 seconds and then forwards them to one of my advertiser's pages in a new window. Because of the 2nd part, I haven't been able to use any of the available WP plugins since they store all the results on their servers. What's the right way to do this? Ok this is probably not in the right section because i do not see a PHP form but oh well sorry, so i want to make like a poll script and stuff for people to vote how would i do it. This is what i wanted for example: "Who do you want to be DJ of The Week?" -DJ Brad -DJ Mod -DJ Kris -DJ Physco -DJ Laugh SUBMIT BUTTON Something like that BUT when they click Submit it takes them to a page that shows "thanks for voting" but i do not want them to see the results on who voted for who the only person that should see the votes is the Admin which is me, possibly could it be sent to my email? I know how to edit it i just need a full script of what i just explained the rest i can edit sorry if its to much if you need more explaining just add my msn its dj-cann0n@live.com hit me up their. Ok, here is the code to view my polls results. It is supposed to view the poll in the same division as the poll is posted... however this code doesn't work very well when having the page in a folder other than the main directory: Code: <a href="$this->form_forward?action=results&poll_ident=$poll_id">$pollvars[result_text]</a> Click the "view results" page on the homepage: http://www.pzfantasyfootball.com to see what its supposed to do... Then click the view results on this page: http://www.pzfantasyfootball.com/ran...lyrankings.php to get an error message. I tried sticking http://www.pzfantasyfootball.com in front of the code I gave... but the result was it opening the results in a big white screen, rather than in the same position. Help would be greatly appreciated! Hi guys, i was wondering if you would be able to help me out. Im attempting to create a poll on my website but im struggling to get the results i want. What im trying to go is have the poll on one page, then on a separate page just have shown the top result which also shows the percentage of people who chose that option. Thanks alot in advance for your help. After the success of our last YoungEntrepreneur.com poll on The Top 20 Startup Mistakes that entrepreneurs make, we're ready to get our new poll started! This time I want to talk about raising money. It's been said that there is no such thing as a startup with too much money. You need capital to invest in sales, marketing, staff, offices, research, etc. Every business needs some startup capital so my question to you is what's the best way to raise money? Hello. I'm a new user. I've done a couple different sites and I'm working on completing this one. There are a couple issues. In FireFox everything appears to be how I want it. I had to do the logo in an odd way. The top part is a background to the div that the Donate button appears in. The bottom part is an actual image. I did it this way because I couldn't use spans to get part of the image on the left and then have the Donate button align to the right. The only issue with it is when the user makes the font insanely large(Using the font resizer), there gets to be a gap, but then again when the user makes the font that large everything starts to become odd. In IE, this logo is split with quite a large gap. Also in IE, the top of the site is a little banner, which also has a large gap between that and the next bit of the site. It does not currently validate, throwing issues that the document does not allow <ul> where it is. I am not too sure why it won't let me. I have the unordered list nested within a span, nested within a div in order to get the site to flow properly. Another reason it does not validate is because apparently the W3 validater doesn't like SSI. Any help here would be appreciated. http://www.lilacblind.org/testing/NewSite im having an issue with this code im trying to get going in my css file... i put in the code below in the .css file and call the file in hte header using the link to my css file and then i use the command that should activate the script im wondering if im doing something wrong that maby i dont see, because when i put hte code directly in the header and call it it works perfectly... call :: <link rel="stylesheet" type="text/css" href="MyStyle.css" /> .css function :: .hr2 { border: 0; color: limegreen; background-color: limegreen; height: 2px; border-top:1px; border-style: solid; } Action :: <hr class=hr2> am i using the right way t o call the .css ? should i have more code in my .css to close it off properlly? Hey first post, been around for a while but never actually joined. Anyway, client has a site that was built recently by another crowd. Works well in IE7, IE8, Firefox, Opera etc etc but the home page doesnt in IE6. This is an issue because the sites target viewers are apparently mostly using IE6. The issue is the home page doesnt format correctly, the others are fine so I'm thinking its got to be to do with the embedded login form. I've tried to sort it but its making me Any help much appreciated! http://www.freightmanagers.co.nz/index.html Hey friends, I'm having a little issue with my photos on my site. I want to use the img tag that uses [img] /img] this style but can only seem to get this <img > style to work. If I use the [img] style I just get font showing up. How can I fix this? I hope this makes sense. Thank you in advance. Hey guys, Im currently working on a project for university and something is bothering me with this nav bar that i have created. I guess you can class this as CSS as well as HTML but i was wondering who could help me out. As you can see with image one things are looking alright, buttons are consistent with no gaps. This is because i have the images within a div and the background colour set as the same to look consistent. With image 3 you can see what would happen if the background colour was removed. Now the problem that i have is within image 2, when you stretch the window it stretches the background colour, the thing i want to do is wrap the div around the images so the colour stays behind them and only them as well as having the buttons centred. Any help would be great thanks. Hello! I am having an issue with an unordered list resting beside an img. For some reason the bullet dots for the ul are inside the img instead of beside the text. I realise that my error is most likely something simple, but I have been staring at this darn thing for over week (it's a homework assignment) and I still cannot figure out what I have done wrong. Sadly my instructor's only advice is "Re-check your html and css files.", which was not helpful in any way as obviously I had already been doing that and still cannot find my mistake. I am not sure however if the error is with my html coding, or the css. I hope I don't get into trouble for it, but I am going to post this same question in the CSS forum, only with the code my css instead of the html. Here is my html code: HTML Code: <!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" lang="en" xml:lang="en"> <head> <title>Prime Properties :: Listings</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" href="prime.css" type="text/css" /> </head> <body> <div id="wrapper"> <h1 id="logo"><img src="primelogo.gif" alt="Prime Properties" width="680" height="86" /></h1> <div id="button"> <div id="leftcolumn"> <ul> <li><a href="index.html">Home</a></li> <li><a href="listings.html">Listings</a></li> <li><a href="financing.html">Financing</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> <div id="rightcolumn"> <h2>Listings</h2> <h3>Schaumburg Colonial</h3> <p>This single family home is a two-story colonial on a large lot.</p> <a href="schaumburg.jpg"> <img class="property" src="schaumburgthumb.jpg" alt="Schaumburg" align="left" /> </a> <ul> <li>Four bedrooms</li> <li>Two and 1/2 baths</li> <li>Finished family room</li> <li>Two car garage</li> <li>Listing #3432535</li> </ul> <br /> <h3>Libertyville Condo</h3> <p>New construction condo in downtown Libertyville.</p> <a href="libertyville.jpg"> <img class="property" src="libertyvillethumb.jpg" alt="Libertyville" align="left" /> </a> <ul> <li>Close to train</li> <li>Two bedrooms</li> <li>Two baths</li> <li>Two indoor parking spaces</li> <li>Listing #3432432</li> </ul> <br /> <div id="nav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="listings.html">Listings</a></li> <li><a href="financing.html">Financing</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div id="footer">Copyright © 2011 Prime Properties<br /> <a href="mailto:Airamith@gmail.com">Mandi Adkins</a></div> </div> </div> </body> </html> And here is a link to the active site: Listings I'm sure there are other issue's in the code, I am still learning after all. My most pressing issue right now though concerns the bullets being inside the images. I would like to thank you in advance for any help you can offer, I really do appreciate it! Edit: I forgot to mention that I am required to use IE 8 or 9 for this class. Also, all of my coding validated through the W3C, both the html and the CSS. Also, I just noticed that the bullets are much closer to the text when it is viewed in Google Chrome instead of IE 9. I have recently updated a site that i am working on and everything works fine in safari and fire fox, but in IE7 the image on the left side is being droped down and causing the page as a whole to look diffrent.....please help, not sure whats going on. http://www.mdmoms.com/products/babybasics.html here is the html: HTML Code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Untitled Document</title> <style type="text/css"> <!-- body { background-color: #80452E; } --> </style></head> <body> <div align="center"> <table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td colspan="4"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="130"> <param name="movie" value="../../flash/header2.swf"> <param name="quality" value="high"> <embed src="../../flash/header2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="130"></embed> </object> <script type="text/javascript" src="ieupdate.js"></script></td> </tr> <tr> <td width="269"><img src="../../gifs/babybasics1234.gif" width="269" height="53" border="0"></td> <td colspan="3" rowspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="532" height="322"> <param name="movie" value="../../flash/babybasics.swf"> <param name="quality" value="high"> <embed src="../../flash/babybasics.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="532" height="322"></embed> </object> <script type="text/javascript" src="ieupdate.js"></script></script> </td> </tr> <tr> <td rowspan="3"><img src="../../gifs/babybasics1234.jpg" width="268" height="473" border="0"></td> </tr> <tr> <td width="69" bgcolor="#FFFFFF"><img src="baby009/images/spaah_r15_c2.jpg" width="69" height="56" border="0"></td> <td width="377" bgcolor="#FFFFFF"><form name="buy" method="post" action="http://cart.novapointe.com/0635/novacart.pl"> <input name="cart_id" type="hidden" value="164"> <input name="sku" type="hidden" value="6004"> <input name="command" type="hidden" value="add"> <input name="view" type="hidden" value="cart"> <div align="center" class="style1"> <div align="left"> <input name="image" type="image" src="images/buy.jpg" width="111" height="26" border="0"> </div> </div> <input type=hidden name=.autodone value="http://www.mdmoms.com/product/babybasics.html"> </form></td> <td width="87" bgcolor="#FFFFFF"> </td> </tr> <tr> <td colspan="2" bgcolor="#FFFFFF"><img src="../../gifs/producstthree.gif" width="414" height="173" border="0" usemap="#Map"></td> <td bgcolor="#FFFFFF"> </td> </tr> <tr> <td colspan="4"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="22"> <param name="movie" value="../../flash/footer2.swf"> <param name="quality" value="high"> <embed src="../../flash/footer2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="22"></embed> </object> <script type="text/javascript" src="ieupdate.js"></script></td> </tr> </table> </div> <map name="Map"><area shape="rect" coords="26,31,126,144" href="http://www.mdmoms.com/products/baby003/index.htm"><area shape="rect" coords="162,26,278,143" href="http://www.mdmoms.com/products/baby007/index.htm"><area shape="rect" coords="302,23,391,144" href="http://www.mdmoms.com/products/baby005/index.htm"> </map></body> </html> Thanks in advance Hi, I'm very new to website design, just starting building my first site. My site is asbestos-claim.org.uk. I've managed to get most things with the layout working okay, but having issues with my footer-right section (About Us page links etc). In IE8, IE9, FF, Chrome, Safari and Opera the site looks fine, however in IE6 and IE7, the footer-right section appears under the centre content section, right under the "simply complete the online form on this page for a free assessment and callback. This is a completely free service." text. Sorry, not sure if this issue needs posting in the HTML or CSS forum! Thanks, Freeze. Hello everyone, I stumbled upon this fantastic site and was hoping some of you masters of code could assist me with a "small" issue im having.. On my home page I have a "News and Update" section and the only way I could get the article previews to align correctly without intersecting each other in android and other browsers was to seperate the background picture into 2 pieces down the middle and use cellspacing to make them look again as 1. The problem? IE.. EVERY other browser displays it perfectly, except IE. Does anyone know how I might work around this? Iv tried afew CSS solutions and tried changing around the html alittle to no avail.. Im also open to other suggestions to use maybe div or something, just as long as the text stays on its side and I can keep the same design. Webpage with issue: http://www.kxrecords.com/home/homepage.html Thank You Hi ive designed a website for my portfolio however I cant get my head around how to make there no white bits visible, so it fills the entire page. http://www.banks-twins.biz/alex/port...foliotest.html |