HTML - Comma Issue
My commas show up as a box... Any ideas
Similar TutorialsHi there - I've created my site using a free user-created theme in Tumblr. All is ok except that on this page: http://jeffnottingham.tumblr.com/testimonials There is a comma ' , ' that you'll see appears in green on a separate line, as an extension to a link. It's driving me crazy becaus eI can't seen where to kill it. I was going to post the full html for my site, but it's too long for this post - I've posted the parts I THINK might contain the issue.... Many thanks in advance for your help, Jeff HTML Code: <style type="text/css">{CustomCSS}</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script src="http://static.tumblr.com/usaykzx/4P5ky45bz/jquery.example.js"></script> </head> <body> <div id="container"> <div id="header"> <div align="center"> <iframe src="http://player.vimeo.com/video/38915812?title=0&byline=0&portrait=0" align="middle" width="450" height="253" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div><br> <h1><a href="/">{Title}</a></h1> {block:Description} <p>{Description}</p> {/block:Description} <br> <ul> <div> <li><a href="http://dl.dropbox.com/u/5560088/Jeff%20CV%20March%202012.pdf" target="_blank">current CV with contact details</a></li> {block:HasPages} {block:Pages} <li><a href="{URL}">{Label}</a></li> {/block:Pages} {/block:HasPages} {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled} {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled} </ul> </div> {block:Posts} <div class="post"> <div class="post-meta"> <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> {block:IfShowNotes} {block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} {/block:IfShowNotes} {block:IfDisqusShortname} • <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a> {/block:IfDisqusShortname} {block:ContentSource} • <a href="{SourceURL}" style="max-width:300px; text-overflow:clip;">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" style="vertical-align:top;" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource} </div> <div class="post-content"> {block:Photo} <div class="photo{block:Caption} captioned{/block:Caption}"> <div class="photo-wrapper">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div> {block:Caption} <div class="body"> {Caption} </div> {/block:Caption} <div class="clear"></div> </div> {/block:Photo} {block:Quote} <div class="quote"> <div class="q-wrapper"><q class="{Length}">{Quote}</q></div> {block:Source} <div class="body"> {Source} </div> {/block:Source} </div> {/block:Quote} {block:Text} <div class="text"> {block:Title}<h2>{Title}</h2>{/block:Title} <div class="body"> {Body} </div> </div> {/block:Text} {block:Video} <div class="video{block:Caption} captioned{/block:Caption}"> <div class="video-wrapper">{Video-500}</div> {block:Caption} <div class="body"> {Caption} </div> {/block:Caption} <div class="clear"></div> </div> {/block:Video} {block:Audio} <div class="audio"> <div class="audio-info {block:AlbumArt}hasart{/block:AlbumArt}"> {block:AlbumArt} <div class="audio-info-left"> <img src="{AlbumArtURL}" /> </div> {/block:AlbumArt} <div class="audio-info-right {block:TrackName}hasmeta{/block:TrackName} {block:Artist}hasmeta{/block:Artist} {block:Album}hasmeta{/block:Album}"> {block:TrackName}<div class="audio-trackname">{TrackName}</div>{/block:TrackName} {block:Artist}<div class="audio-artist">{Artist}</div>{/block:Artist} {block:Album}<div class="audio-album">{Album}</div>{/block:Album} {block:ifWhiteAudioPlayer} <div class="audio-player">{AudioPlayerWhite}</div> {/block:ifWhiteAudioPlayer} {block:ifNotWhiteAudioPlayer} <div class="audio-player">{AudioPlayerBlack}</div> {/block:ifNotWhiteAudioPlayer} </div> <div class="clear"></div> </div> {block:Caption} <div class="body"> {Caption} </div> {/block:Caption} </div> {/block:Audio} {block:Chat} <div class="conversation"> {block:Title}<h2>{Title}</h2>{/block:Title} <table cellspacing="0"> {block:Lines} <tr class="user{UserNumber}"> <th>{block:Label}{Label}{/block:Label}</th> <td>{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:Link} <div class="link"> <h2><a href="{URL}" {Target}><span>{Name}</span></a></h2> {block:Description} <div class="body"> {Description} </div> {/block:Description} </div> {/block:Link} {block:Answer} <div class="answer"> <div class="answer-question"> <div class="answer-label">Q</div> <div class="body"> {Question} </div> <div class="answer-asker post-{PostID}"> <div class="answer-point"> <div class="answer-point-top"></div> <div class="answer-point-bottom"></div> </div> <style> .post-{PostID} .answer-asker-avatar { background: url({AskerPortraitURL-64})} </style> <div class="answer-asker-avatar">{Asker}</div> </div> <div class="clear"></div> </div> <div class="answer-answer"> <div class="answer-label">A</div> <div class="body"> {Answer} </div> </div> </div> {/block:Answer} </div> {block:IfShowNotes} {block:PostNotes} <div class="post-notes"> {PostNotes} </div> {/block:PostNotes} {/block:IfShowNotes} {block:PermalinkPage} {block:IfDisqusShortname} {block:Permalink} <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> {/block:Permalink} {/block:IfDisqusShortname} {/block:PermalinkPage} </div> {/block:Posts} </div> </div> <div align="center"> <hr /> <p class=MsoNormal><span lang=EN-UK style='font-size:12pt;font-family:Baskerville, "Times New Roman", Times, serif; font-style: italic; color:gray'> I gained my Masters in Screenwriting and Producing for Film and Television at the<br> University of Westminster. My films have been screened around the UK, and <br>in 2011 my debut play Lost In Mozart played to sold-out theatres in <br>Edinburgh and London, supported by the Arts Council.<br<br> I work directly with writers, producers, and production companies; <br>writing, editing, and advising. Contact via CV above or<br> jeffnottingham@gmail.com | +44 7739339387<br><br> </span> </div> </div> Hi I know this subject has been covered many times before and I have certainly done much research and tried all sorts of code to put a comma in a number located in a text box but to no avail. The original calculation is calculated by these lines of code: function updatesum() { var userVl = getUserValue(); var av3 = getav3(userVl); document.getElementById('av3').value = (av3.toFixed(2)); function getav3(vl) { document.getElementById("av3").value = ((vl-0) *2.5) return ((vl-0) *2.5); } The above works absolutely fine as far as calculating my number and showing the resulting number with decimal point , 2 places, but I can't seem to get any 'comma separating' code to work. I am really dumb at writing the code but can usually change given code to suit, but this one has be stumped. This is only one of many calculations on the page but even if you can give me code to make this one work I will play around with the others on my own. Here is the web page if anyone wants to have a look although on here it does not yet reflect all my changes but will give an idea as to what I am trying to achieve. http://www.teamkiwi.890m.com/tk/calculator9999999.html Thank you to anyone who may help me Cheers Dai 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. 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 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. 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! 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. 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 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 I am a novice web admin. I am having an issue with placing a sign up form on my web site. It look good in IE8 or FF, but anything older (IE7) it looks horrible. See Attachments. Here is the code that I have: <ul class="site-nav2"> <p> </p> <FORM "ACTION="https://app.expressemailmarketing.com/Survey.aspx?SFID=75036" METHOD="POST"> <div align="center"><span class="style6 style5"> <FONT FACE="arial, helvetica">Sign up for our Mailing List </FONT></span> </span><BR> <input type="TEXT" name="email" /> <BR> <INPUT TYPE="IMAGE" SRC="images/sign_up.gif" ALIGN="ABSMIDDLE" BORDER="0" /> <INPUT TYPE="HIDDEN" NAME="SkipSurvey" VALUE="FALSE" /> </div> </FORM> </ul> Here is what I have for that site-nav2 CSS: .site-nav2 { position:absolute; right:10px; top:519px; width:234px; height: 111px; visibility: visible; overflow: visible; border: 0; border-width: 0; background-image: url(images/signup.png); } .site-nav2 li { font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12pt; line-height:normal; text-transform:lowercase; color: #000000; } .site-nav2 li a { text-decoration:none; color:#917E65; padding-left:36px; background-repeat: no-repeat; background-position: left 7px; } .site-nav2 li a:hover, .site-nav2 li a.act { color:#A43812; background-repeat: no-repeat; background-position: left 7px; background-image:url(images/signup.jpg) } In IE6 and FF, my page prints just fine. In IE7, depending on the environment, it either prints next to nothing or a paragraph of text. Either way, it's missing about 2-3 pages of content. I've scoured online and can't find any fixes. Any assistance would be much appreciated. I've made a hit counter for my website and need a bit of help in HTML to get it to work. There are 3 files: One SWF file One PHP file and One TXT file All three of these files are in a web folder. What I want to do is get it to work on Blogger. I've successfully embedded the SWF file into it which shows the hit counter but need the TXT file and PHP file to load along with the SWF (and to change the TXT file in the web folder). Is this possible to do with some HTML code? Any help would be greatly appreciated Just ask if you need a bit more information. EDIT: The problem has been solved, for anyone who has the same problem the solution is easily solved by using the <iframe> </iframe> tag. Just add a src, width or whatever else you need in it. Please can someone help me. My site is www.sweet.ie. Basically I am trying to get rid of the scrollbars altogether. The site is navigated using the scrollto function via JQuery. However heres the issue. When I set the body to overflow:hidden it doesn't work in IE 7 and also Firefox on the PC. Is there a way of disabling the scrollbars using Javascript? Or does anyone know how to do it via CSS so that it will work on all browsers. Going out of my mind!!!! Thanks so much,, Aileen I'm making an email newsletter for a client and I'm having trouble with the links in Internet Explorer. They work on my macs, but my client has internet explorer and says the links won't click. Can someone take a look at the source of the email and let me know what I'm doing wrong. It's the two coupons in the middle of the email. I made the entire tables that make up the coupons the links, which I think might be the issue, but I don't have easy access to a pc to troubleshoot so I thought I'd just come on here and ask the experts. Here is the link: www.thetargetshopper.com/email/wafflehouse/WaffleHeletterJAN09.html here's the code I think might be the issue: <a href="http://www.thetargetshopper.com/email/wafflehouse/coupon2.html" style="text-decoration:none; color:#000"> <table width="270" style="float:right; margin:8px 8px 8px 0px"> <tr> <td bgcolor="#fef200" style="border:2px dashed black; margin:12px;"> <p align="center"><span style="font-size:30px"><b>FREE Omelet<br />Any style</b></span><br /> <span style="font-size:18px">Buy one omelet, get the<br /> second free</span><br /> <span style="font-size:12px">(with purchase of 2 beverages)</span><br /> <span style="font-size:18px"><b>WAFFLE HOUSE</b></span><br /> <span style="font-size:10px">One per customer. Not valid with any other offer. Exp. 1/31/10</span> </p> </td> </tr> <tr> <td><span style="font-size:10px"><center><i>Click to view printer-friendly version</i></center></span></td> </tr> </table> </a> Thanks for the help! Hi I have a html with table structure. And i hav different paragraphs. I wanted to have separator in between them to have better view. i am applying style to my <td style="border-top:1px dotted #5a5a5a; height:1px; width:586px">. My problem is that it's showing perfectly in firefox 3.0 and ie 8. But it's not showing in ie6 and ie7. Why is it so? Can any one help me? A help would be appreciated. Thnx in advance. Hi, I have a question about a CSS slider I am trying to incorporate into my website. Basically, each slide corresponds to an anchor (#slide1, #slide2, etc). When I click on the tab to open the slide, the entire webpage shifts downward so that the slider is positioned the very top of the browser. It's just like how certain websites like Wikipedia anchor to another part of the webpage so you don't have to scroll down, you can just click the link and it will bring the web page straight to that location. I don't want the slider to shift when I click on the link. I want to keep it so that if you click on the slider anchor, it remains in the same location. The only action should be the new tab opening up. To show an example, I am using a slider comparable to the one found he http://www.csslider.com. It's not the exact same, but as you can see the page shifts down when you click on a slide. Is there any way to rectify this issue easily? Thanks in advance I had a graphics designer create an image for a background web page. The dimensions are 950x2000 at 72 DPI. I used the table tag with the background attribute and set the table width to 950, but when I veiw it in the browser, the image is substationally magnified. I tried it in IE 7, IE8, Firefox and Safari, and at different screen resolutions, but it still comes up magnified. If anyone knows what is happening, please let me know. Thanks When I make changes to my website, it does not refresh itself. For example, if I change some text on the main page, it can only be seen by clicking the refresh button. This is not just on my PC. On any PC, they would have to click the refresh button to see the new page. How can this be resolved? The project I have been working on is using the 'Cooper' font. I have noticed that the 'Cooper' font is not installed on a few of the computers I have tested the site on. What can I do to insure that the webpage is viewed the way I intended it to be viewed? Is there a work around to this issue? or do I need to use a pre-installed font? |