|
HTML - Cdata Causing Problem
hi
I have used this cdata like this <script type="text/javascript"> <![CDATA[ function change_palette() etc...... ]]> </script> but the javascript is not at all working in IE.. I use script's in between a lot so I want this to be valid in w3c....... I tried this also //<![CDATA[ //]]> but no use, can I know how to use this without effecting the functionality in any browsers? its urgent plse... Similar TutorialsSomething in this page is causing a vertical white line on the right hand side of the main table. Can anyone help me figure this out? www.massagelaunch.com Thanks. I am trying to pass some HTML code though XML but the browser is ignoring the HTML tags as oppose to turning them into HTML tags. In the example below, I want to create a link to Google with CData, but the browser outputs "<a href="http://www.google.ca/">Google</a>" as oppose to creating a link to Google. Code: <![CDATA[<a href="http://www.google.ca/">Google</a>]]> What is the <![CDATA[ ]]> thing used for in HTML code? Hey guys.. im sure this is an easy one for you. I am trying to put an img tag into my html code... it's actually an xml file.. here's the code snippet Code: <greeting> <![CDATA[<IMG SRC="superdopetitle.png" ALT="SuperDopeTitle">]]> </greeting> but it just posts the "img src="super...." as text.. not the picture. Please help .. what am I missing? I am working on the webpage: http://www.ashleylandscaping.com All works well, until you click on the "Contact" button. If you look at the other pages, everything is displayed properly. On the "Contact" page you will see a "Contact Us Form". When i have this form/table on the webpage, the whole bottom of the page disappears. If I remove that form from the page, everything looks fine. It must be just 1 or 2 things i'm missing, but I cant see it for the life of me. I have a weird problem with a site which I've been running for most of the year. The problem arrived recently. The site is at http://www.les-amis-des-chats.com. If you go to it in IE7/8, look at the left hand side; under the navigation bar is an orange blob. It doesn't show up in Firefox, Google Chrome or Opera, but you do also get it in the Windows version of Safari. When I preview the page on my PC hard disc (running XP Pro) using IE7 or Safari, the blob isn't there! But it's there when I view the identical pages on the server. I know the blob is related to the navigation bar, in that first, when you hover the mouse over the blob it shows links to pages on the site, but upside down relative to the links in the navigation bar, and secondly, when I redesigned the navigation bar, the blob changed colour. Orange is the colour of the submenu links in the new design. I tried rebuilding the bar, and the "new" bar is only on the index page, but this made no difference. The blob appears on all the pages using the old and the new bar. Needless to say the problem didn't appear when I first inserted the "old" bar - it has appeared since then. Go to the French-language half of the site (click on the French flag in the top right corner), where there is a similar navigation bar built with the same software, and there is no sign of the problem. Any suggestions as to possible causes and cures will be gratefully received. And a Happy New Year to you all. Hi everyone. This is my 1st msg on this forum so a BIG HELLO to everyone out there. Here's my problem. In my HTML I have the following DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> and a bunch of javascript and HTML to implement a rich-text editor (this is actually a pre-written component that I'm using on the page). On Firefox the page views perfectly - no problems. On IE 6, all the buttons etc are displayed but the actual text are where the user can type is not visible so the component doesn't work properly. The strange thing is, if I change the DOCTYPE declaration to : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> then everything works fine in both IE and FF. My problem is that I need to keep the 1st DOCTYPE and can't use the second. Would appreciate if someone could help me figure out why the page does not work in IE. The attached ZIP file contain the code in testAction.do.htm and the supporting files under testAction.do_files Hello all im new to forum. i am building an online portfolio and im trying to make sure it works for the most used browsers. The code i have written works perfectly fine for IE but when using FF i have problems The problem im having is to do with my Navigation Bar. When i mouse over the navagation bar in FF it only works if i mouse over the bottom of the "image" of the navagation bar. Can anyone see why this is happening? i will post the relevant code and an example url. <LINK REL=stylesheet HREF="http://maths.sci.shu.ac.uk/students/Keenan_Liam/stylesheet.css" TYPE="text/css"> </head> <div style="POSITION: relative; TEXT-ALIGN: center"> <span style="WIDTH: 1000px; POSITION: relative; TOP: 104px; TEXT-ALIGN: center"> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/home/index.html" target="_blank" class="opacityit"><img width="100" height="29" alt="Home" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/homeRj.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/cv/index.html" class="opacityit"><img width="100" height="29" alt="CV" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/mycv.jpg" border="0" ></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1/index.html" class="opacityit"><img width="100" height="29" alt="Year 1" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2/index.html" class="opacityit"><img width="100" height="29" alt="Year 2" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3/index.html" class="opacityit"><img width="100" height="29" alt="Year 3" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4/index.html" class="opacityit"><img width="100" height="29" alt="Year 4" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4.jpg" border="0"></a></span> </div> the url is http://maths.sci.shu.ac.uk/students/...me/index2.html Thanks, Liam Hi All, I'm trying to show an image in a table but I end up with a bottom border of three to four pixels beneath it. Here's a simplified example of my table: Code: <table bgcolor="#00CC66" border="0" cellpadding="0" cellspacing="0"> <td> <img src="images/dummy.jpg" border="0"> </td> </table> You can see it in action here. The dummy.jpg is the grey box btw. When I resize/drag window in IE8 and FF the screen remains perfect by getting a HR scroll bar, but Ie7 is not rendering images/divisions properly while resizing the window, all the text/menu get scrambled initially when dragging, but after refreshing it becomes perfect.. can I know why this happens? Is it problem with css or browser response/refresh time? I cannot give the link since this is an internal project hosted locally.. Any help appreciated.. Thanks Here is a (very trimmed-down) version of my site: http://www.nceccec.com/en_us/css_test.html At least in IE6 and IE7, the top field does not display the specified left margin, while the bottom one correctly shows the left margin. There is only one difference between these two fields: the CSS property width is set on the first field, while no width is set on the second field. Here is all the code for this page in case someone wants to view it he HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Title</title>
<style rel="stylesheet" type="text/css">
.fielditself {
font-weight : normal;
display : block;
margin-left : 5%;
}
</style>
<body>
<table style="width : 100%;">
<tr>
<td>
<form method="post" action="check_order.php">
<div><div>Year</div><div class="fielditself"><input style="width : 9ex;" type="text" name="year" /></div></div>
<div><div>Make</div><div class="fielditself"><input type="text" name="make" /></div></div>
</form>
</td>
</tr>
</table>
</body>
</html>
Thanks for any guidance! Jason Hi, When I enter submit search terms into the search bar on my site (http://www.projectdisobey.com/disobeyclothing/), and then put the resulting page through a validation test at http://validator.w3.org/check, I get the following validation errors: (See attachment) I know that all these errors are resulting from an unencoded ampersand. My question is, which WordPress file do I need to go into in order to change the '&' to a '&'? Can anybody help me? Thanks Is there a way to have a link bring up a 'Save as...' box by default rather than having the link open the file inside my visitors' browser. More specifically, I have a long lecture on my site (mp3) that by default opens in my visitors' browsers rather than offering to be downloaded. I know visitors can right-click on the link to get a 'Save as...' box, but I would rather 'Save as...' be the default action whenever the link is clicked. Here is the page I am currently working on. Everything is funtioning and working properly. But there's a problem. I validate my page and I get errors fo the style sheets in the head. It is the cause of like 5 errors on my page. Theres 2 other errors are so, but they are fixable and I will get to them after I fix the style sheet errors. NOTE: The default style sheet is chose using PHP. Here is the whole coding for the actual head of my site, what you don't see in the "view source": <link rel="stylesheet" type="text/css" media="screen" title="User Defined Style" href="<?php echo (!$sitestyle)?'layout':$sitestyle ?>.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="playstation interface" href="ps3.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="wii interface" href="wii.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="xbox interface" href="xbox.css" /> I am using multiple style sheets that user can change, and when they change, the page sets a cookie on there browser. I got this trick from alistapart.com. It works great so people that like an individual game system can change the layout, but I just wanted to fix these errors because it is chaining into other errors on the page. Does anyone have a solution for fixing this problem? I have done much research and messed around with it alot, but all things have failed. I also don't understand what hte title and media things mean in the link to the style sheet. If someone could define this for me I would appriciate it. this is my page http://web.vtc.edu/users/cjb06271/CI...nal/order.html there are several things I would like to happen. 1. the right collumn background to be where the right collumn should be(so other links in navbar) 2.The test between the roach pictures to be alligned with the top rather than bottom of pictures (so smaller windows can see) 3. When you size the window smaller than the text, a scroll bar appears, and when you scroll the background no longer exists. If I put it on auto the background will only go as far as the text does. 4. (nice but not required)The cocroachs to be alligned to the left and right of the top bar respectively, and the text in the middle. 5. (nice but not required) the right column background image is being cut in half (as does the top one if you size small enough). any way to make the images ignore the collumns? don't worry about the colors I will be changing them soon Hi all, Could someone please take a look at this website: http://www.jameslusbymusic.com/ and tell me how to sort out the main content of the home page? The problem is that the <div id="right"> "News" content is before the <div id="left"> in the html file so it is pushing the left bit down lower than the news bit if that makes sense. This only seems to happen on some browsers and doesn't affect my Firefox. The problem is, no matter what I do to it I can't get it all to line up properly if I move it! Before I can tidy up the rest of the page I really need to get this sorted. So any help greatly appreciated. Many thanks. I would like to have an image that takes 2 url like the following image... is it possible? if so, can someone please tell me how this could be done? Thank you very much.. NOTE: I tried doing this... <map name= 'url1' > <area shape= 'poly' coords= ' 0 , 0 , 50 , 0 , 0 , 50 ' href= 'url1.html' > </map> <a href= 'url2.html' > <img src= 'img.jpg' width= 50 height= 50 usemap= '#url1' > </a> but this only get 'url1' woring... Okay, I know that this problem is going to be really really easy, but I forgot how to do it. I use to own an older website and forgot the code. Anyways, I only know how to describe it. When I minimize the screen, it is minimizing the whole thing and collapsing it making the iframes smaller and the text fit into a smaller space. Most websites have a code (i don't know what it is) so that when someone minimizes their browser, it just makes the browser smaller and not the actual page. Here's what it looks like: http://www.freewebs.com/noeylani94/index.htm Try minimizing that and see how it looks. It collapses the whole page right? Can someone tell me the code how to fix it? Thanks =D I'm having trouble with the <hr /> tag. Whenever I add them on my page it screws up the scroll bar and the anchors that I have. The scroll bar is really large is if there isn't much text left. Then when you begin to scroll it jumps up, until you get to the bottom of the text. It also screws up my anchors. I know its a problem with the <hr /> tag because when I take them out, the page works fine. The code works fine in FF, but the problem is occurring in IE. Here is the code, I hope you can help. PHP Code: <div id="Main"> <div align="center"><span class="Headline">Transplant Overview</span> </div> <p align="left" class="Sub_Headline"><a href="#History">History</a></p> <p align="left" class="Sub_Headline"><a href="#Overview">Overview</a></p> <p align="left" class="Sub_Headline"><a href="#Sources of Stem Cells">Sources of Stem Cells</a></p> <p align="left" class="Sub_Headline"><a href="#Types of Stem Cell Transplants">Types of Stem Cell Transplants</a></p> <p align="left" class="Sub_Headline"><a href="#Transplant Roadmap">Transplant Roadmap</a></p> <p align="left" class="Sub_Headline"><a href="#Patient Handbook">Patient Handbook</a></p> <hr /> <p align="center" class="Headline2"><a name="History">History</a></p> <ul> <li><strong>1977</strong> - <span class="Main_Text">The first report of remission of autoimmune disease after allogeneic stem cell transplant.</span></li> <li><strong>1997</strong> - <span class="Main_Text">The first MS, lupus, scleroderma and RA patient transplanted</span><span class="Main_Text">.</span></li> <li><strong>2000</strong> - <span class="Main_Text">Clinical evidence of graft vs. autoimmune disease. </span><br /> </li> <li><strong>Today</strong> - <span class="Main_Text">DIAD has transplanted 205? patients for autoimmune diseases (plus 10 for stem cell injection for PVD) </span></li> </ul> <hr /> <p align="center" class="Headline2"><a name="Overview">Overview</a></p> <p class="Main_Text"> Hematopoietic stem cell transplantation (HSCT) is the transplantation of blood stem cells derived from the bone marrow. HSCT allows administration of dose – intensive systemic chemotherapy, a nonmyeloablative conditioning regimen is used for our protocols. A small number of stem cells can replicate to populate a patient’s entire hematopoietic system, therefore primary function of stem cell reinfusion is to restore the ablated immune system and expedite recovery from conditioning. </p> <hr /> <p align="center" class="Headline2"><a name="Sources of Stem Cells">Sources of Stem Cells</a></p> <ul> <li><strong>Peripheral blood</strong></li> <li><strong>Umbilical cord </strong></li> </ul> <hr /> <p align="center" class="Headline2"><a name="Types of Stem Cell Transplants">Types of Stem Cell Transplants</a></p> <ul> <li><strong>Autologous</strong>:<span class="Main_Text"> Patients use their own blood stem cells.</span><br /> </li> <li><strong>Allogeneic</strong>:<span class="Main_Text"> An identical HLA matched full sibling’s stem cells or umbilical cord blood stem cells are used.</span><br /> </li> <li><strong>Syngeneic</strong>: <span class="Main_Text">donor of stem cells is an identical twin. </span></li> </ul> <hr /> <p align="center" class="Headline2"><a name="Transplant Roadmap">Transplant Roadmap</a></p> <hr /> <p align="center" class="Headline2"><a name="Patient Handbook">Patient Handbook</a></p></div> |
|||||||