|
HTML - Numbers Display White In Safari
So, I have a web site I have inherited, not coded... and I know nothing about html/css etc!
One string, a telephone number, should show in black, but in Safari it shows up in white (it is fine in all other browsers). However, if I change the string to text, it displays fine, so it only numbers that show up in white! Help - I have no idea what is causing this!? I've attached the html, and the relevant css for the page... I'm sure this is dead easy for someone who knows what they're doing! Thanks, in advance for your help, James Similar TutorialsWhen I use display:none...it leaves a blank space of what would be there other wise...i tried using visibility: none also...couldnt get it to work.. any help would be great as google isnt very useful on this one. thanks! ref: www.nofocusprototype.com/vanallen When viewed in FireFox, Opera and Camino, the menu bar and video footer are both perfectly aligned with the video box. In Safari and Chrome, however, the menu bar and the footer are a few pixels off plus the footer is separated from the bottom of the video box by a 1 or 2 pixel space. I could naturally adjust the menu bar and footer to display properly in Safari and Chrome, but then they would not display properly in the other browsers. This is certainly a Catch-22 situation. Anyone know a fix for this? BTW, I note that many people have display issues with Safari--one Apple rep told a questioner to get FireFox! Our organization's webpage was created in Dreamweaver, with some additional javascript and html code added by an intrepid staff member with just enough knowledge to be dangerous. The page displays properly in Internet Explorer and Firefox for Windows, as well as Firefox and Netscape for Mac. However, the page displays a white screen in Safari. The page is loading, because the page title displays, and it is possible to view the source code for the page using the "View --> View Source" menu option. But none of the page content shows up. I did not find any relevant help in the Safari forums on the apple page, so I'm wondering if this is a simple coding problem that I don't know enough to ferret out. Any assistance would be greatly appreciated. The website address is http://www.buttecounty.net/bclibrary Thanks, Derek ref: www.nofocusprototype.com/vanallen When viewed in FireFox, Opera and Camino, the menu bar and video footer are both perfectly aligned with the video box. In Safari and Chrome, however, the menu bar and the footer are a few pixels off plus the footer is separated from the bottom of the video box by a 1 or 2 pixel space. I could naturally adjust the menu bar and footer to display properly in Safari and Chrome, but then they would not display properly in the other browsers. This is certainly a Catch-22 situation. Anyone know a fix for this? BTW, I note that many people have display issues with Safari--one Apple rep told a questioner to get FireFox! I am having display problems in Safari (3.1.1). All other browsers installed in my computer show the site correctly: Opera 9.21 Chrome 1.0.154.43 IE 7.0.5730.11 Here is the page: http://www.shootthehead.com/safari.htm Any help is appreciated. My site works in Firefox and Safari just like I want it to, but when IE tries to read it, the divs and images get spaced out and wrapped around AND it is not centered on the page like it should be... what is my coding flaw? www.nativboardriding.com check it out in firefox or safari to see how it SHOULD be displayed, then open it with IE. Thanks, Levs Safari doesnt display html site as it should be, instead Safari shows just the html code...: what can i do? <!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"> <head> <meta content="de-ch" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Ohne_Titel_1</title> </head> <body> <p>TEST</p> <img src="http://blabla.com/image.jpg" /> </body> </html> This is just a sample html code, and its saved as .html file on the server... so what could it be? (the main page is displayed correct by the way...) Thank you very much! Hi everyone, I have been working on a website here www.ds-installations.co.uk/examples.html. I am nearing the end of design/development but I have a weird display bug in Chrome and Safari. For some reason, the content displays off to the right of the main page? I have checked all the code through the W3C CSS and HTML validators and it all seems fine. I have tested in IE6+, FF and Opera which seem to work fine? I would really appreciate any help on this, I have been looking and tweaking for hours to try and fix it and I can't see anything obvious? Thanks very much in advance for any help! Dan Using AJAX & php to return a randomly generated number of single column tables, and drop them into a <div> element. ( http://www.thegreatmartinicompany.co...ace-value.html ). I've set the div to text-align: center, and put auto margins on the tables. The result is the tables are centered and equally spaced in the div element regardless of the number of tables returned. As appropriate FF and IE display the tables side by side, but Safari stacks them on top of each other. An example of the returned code is below. Any ideas why Safari does not display this as IE and FF do? <table style="margin-left:auto; margin-right:auto"><tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> </table> <table style="margin-left:auto; margin-right:auto"><tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> </table> <table style="margin-left:auto; margin-right:auto"><tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> </table> The title says it all, my site just doesn't properly work in safari. heres the link www.royaltee-design.com help would really be appreciated thanks I'm new to html, just got some basic knowledge, but I've made these 2 calenders, one on one page andone on another but otherwise identical. The thing is, no matter how much I double check for slight differences in the html code, the calender on one page has huge spaces between every three months. See for yourselves: http://www.belekgolftravel.com/servi...eType=Services Working one http://www.belekgolftravel.com/advert_detail.php?ID=54 Buggered up one Any ideas help please! For the life of me, I cannot get rid of the small white line on either side of the dark blue in the following: http://www.toddcary.com/test/viewpoi...ew_design.html Any suggestions are welcomed! Todd I'm working on an HTML page that is going to be an iFrame on another page. The innerHTML of the iFrame page is set to automatically refresh every 20 seconds. The problem is that when that page refreshes, it "flashes" a white background for about 2 seconds before loading the background and content. How can I prevent that from happening every time it refreshes? Here is the page that has the problem: http://www.mattscss.com/rtb/template Here is the page that has the above link as an iFrame: http://www.mattscss.com/wzmr/wzmr_wmp.htm Is there a way to have 2 lines of text (one above the other) where each line is a different colour, but there's no break between the lines? I would prefer an answer that uses CSS. Okay. I am sick of searching on google and w3c.org for solutions. I am asking anyone who is a pro at web developing to help me out! Problem I am using loadVars in Flash, from a *.html file. Mainly because the server does not support PHP and because in HTML I can have comments. I am spacing out the text like so, for readability: &variable1=value1 &variable2=value2 &variable3=value3 etc. when I do the line breaks, the HTML page automatically encodes whitespaces. I need an HTML tag or possibly CSS or Javascript that will get rid of all the whitespaces. Or if it is possible, as I was looking on w3c.org, there might be a text/content type or url-encode type that will do this, but haven't found one. If anyone has any ideas, I need them. Again, I am trying to remove all the whitespace in the ENTIRE page. Hey. I have a problem. When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it. Help please! Code: <html> <head> <title>RaptorCo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/index_01.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/index_02.jpg" width="217" height="753" alt=""></td> <td colspan="4"> <img src="images/index_03.jpg" width="587" height="158" alt=""></td> <td rowspan="4"> <img src="images/index_04.jpg" width="220" height="753" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="108" height="37" alt=""></td> <td> <img src="images/index_06.jpg" width="187" height="37" alt=""></td> <td> <img src="images/index_07.jpg" width="155" height="37" alt=""></td> <td> <img src="images/index_08.jpg" width="137" height="37" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_09.jpg" width="587" height="12" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_10.jpg"><div style="position: relative;top: -500px;">text</div> </tr> </table> </body> </html> Hey. I have a problem. When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it. Help please! Code: <html> <head> <title>RaptorCo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/index_01.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/index_02.jpg" width="217" height="753" alt=""></td> <td colspan="4"> <img src="images/index_03.jpg" width="587" height="158" alt=""></td> <td rowspan="4"> <img src="images/index_04.jpg" width="220" height="753" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="108" height="37" alt=""></td> <td> <img src="images/index_06.jpg" width="187" height="37" alt=""></td> <td> <img src="images/index_07.jpg" width="155" height="37" alt=""></td> <td> <img src="images/index_08.jpg" width="137" height="37" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_09.jpg" width="587" height="12" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_10.jpg"><div style="position: relative;top: -500px;">text</div> </tr> </table> </body> </html> How can I make a white background for my paragraph so it will be blended with my image ? ( the post that has white/red roses ) I tried background color code but it moves my paragraph under my image ! Please help ! http://www.asianlabrys.com/forum/ind...20&#entry71823 |
|||||||