|
HTML - Special Characters Are Replacing My Apostrophe's
I recently transferred my blog from 1and1 to hostgator,
and all my apostrophes have been replaced with � How can this be fixed? Similar TutorialsI have a problem with IE6 and 7 not rendering a special character, the double up arrow, "& u A r r ;" <a rel="nofollow" href="#top">⇑</a> content="text/html; charset=iso-8859-1"> I am using the special character as link text to get the user to the top of a very, very long page with a single click. The character renders properly in FF, OP and SA. To my dismay, I just discovered that IE renders it as a box on top of the link underline. Is there any simple way, css, magic, etc., that I can get this character to render properly? The single up arrow renders, but looks anemic, and I don't want to have "Top" appearing at the end of every paragraph. (I don't want the search engines to think I am stuffing the keyword "Top".) Two single up arrows looks strange. I'm afraid to use an image since I could encounter position problems with different browsers. While suggestions for alternative design solutions are welcome, I am really after a technical a way to use the double up arrow in IE. The page: http://www.iaps.com/list-of-internet...ns-199010.html Thanks Hi, I am currently doing some work on our companies website. As part of this we want to add product codes to keywords to improve rankings in Google, however most of our codes include a forward slash (/), e.g. CC/250S. Does anyone know if the forward slash is a valid symbol in the keywords field, or would this make cause problems in the code? I am reading this: Quote: Another important special character you should know about is the & character. If you'd like to have an & in your html content, use the character entity & instead of the & character itself. I don't understand the entire paragraph above, can any give an example of the above or explain in another way please? I know all the easy ones like hearts and spades, but i want to do the really cool ones like crowns and clouds for myspace. This site has them: http://www.bigbaer.com/sidebars/entities/ but it only has the numbers and i need the words [ex. it has &1321442; instead of &blahh; ]. And myspace only accepts the word codes so can anyone either tell me how to convert the numbers into letters or give me some help on this?! -The actualy characters i want are stars and crowns Here is my issue: I'm loading an XML that contains special characters (like French characters) and they are not displaying properly. My XML file is encoded in UTF-8. My charset is set to UTF-8 in my HTML document. 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> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> When I take out the charset completely (don't declare character encoding at all), it displays properly?! (Ack!) I want my HTML to validate properly because I'm attempting to write clean XHTML, but this is leaving me a bit confused. Can anyone explain what is happening? Why does it display correctly when I don't specify a charset? Are there special characters like hearts or...whatever that can be done in html. Hiya, I can add a hidden like this to my form... Code: <input type="hidden" name="height" value="197cm" /> But what if I want to change 197cm to 6' 5" - i.e., so it contains apostrophes and speech marks... Code: <input type="hidden" name="height" value="6' 5"" /> doesn't work due to the extra speech mark, so how do I solve? Thanks, James I'm using Amaya to write some really simple HTML. If I insert any characters in the range 128-255 (e.g. the degree symbol, 176, or non-breaking space, 160) then instead of embedding ' ' or '°' into the document it actually puts in the byte sequence 0 194 0 176 (degree symbol) or 0 194 0 160 (non-breaking space). In hex these sequences look like 00 C2 00 B0 or 00 C2 00 A0. So it appears that 194 (xC2) is some kind of escape character. However I can find no documentation anywhere which mentions that this is valid HTML - can anyone point me at some? Mike I listened to the advice a member here gave me a day ago and I ditched tables and just went with CSS. It's been working great so far, the page made with CSS looks exactly like the one made with tables - except for one thing: the submenu. In this picture you can see the problem: I want the red and orange submenu on the left to extend all of the way down to the footer. Here's my CSS for the footer, header, and submenu: Code:
.subnav {position: relative; text-align: center; width: 140px; height: 100%; padding: 0px; float: left; vertical-align: middle; background-color: #FF7F00; border: 1px solid #fdaf61; border-right: 8px solid #ff0000; }
.content {margin-top: 10px; width: 560px; height: 100%; margin-left: 140px; padding: 0px; border: 0px;}
.footer {font-family: arial; color: #000000; background-color: #ff0000; font-size: 10pt; width: 100%; height: 20px; position: relative; padding-top: 5px; float: left;}
I don't want to make the .subnav (submenu)'s position to absolute because then the orange and red will extend all the way down to the page when I want it to end at the footer. Thanks in advance I have this problem - I want to use this tree http://www.destroydrop.com/javascripts/tree/ on my page. On the left part of the page there would be the tree menu, on the right part there would be some data (tables, navigation etc.). First I had table with 2 cells, one with tree, one with data. Unfortunatelly the tree behaved badly (was cut when unwrapped). Then i replaced the table with <div tags>. This was ok at frst Code: <div style="float:left">Tree part</div><div style="float:left">Data part</div> Problem was, that when data was too wide, they were placed below the tree and not next to the tree This is better (wrapping wide data is ok): Code: <div style="white-space : nowrap ;"> <div style="display : inline ;">Tree part</div><div style="display : inline ;">Data part</div> </div> , but there's problem too - every other choice than display:block makes the tree again behave wrongly. I don't want to relinquish that tree - it's simple to construct, has many configuration choices, remembers state by cookies etc... Does exist another choice how to replace 2 cells (side-by-side) with <div> tags ? Or do you know another good (and free) tree such as above? Thanks. I need a bit of help working out the best way to replace the frames on my website. It's been fine with frames until now, but I'm plannning to add a WordPress blog page to it and want it to show proper URLs at the top if someone links to the blog from another site. I have the blog working in the right frame offline, but I don't quite know how to solve the link problem. The menu on the left (in the left frame) needs to be there all the time for navigation around the rest of the site. At the moment it targets links into the right frame. It also needs to retain it's CSS/javascript functionality so I'm thinking refreshing the whole page each time with a new index.html won't allow the submenus to stay open. I don't think I can use CSS to have a linked page opening up on the right side as it would mean embedding the WordPress php in a CSS box somehow... I thought about iframes which might be the best idea, but am getting muddled wondering how to incorporate everything. I hope this makes sense and someone can help. The webiste is http://phybron.com Thanks. Hi, I have a website where i am reselling. They use fixed templates so its easy to use but they include header and footer html boxes so that you can put in your own code. I have used these boxes to change my background and font colour however there are a couple of images on there that are now the wrong colour and i cant seem to figure out code to change these images, just add to them. Does anyone know of any code that replaces one image with another? thanks! Chris i have a flv movie on my webpage. it plays when you click on it. prob is that its black when the page loads since the first frame of the movie is black. i wanted to counter this by creating a jpg of same size which displays instead of the movie. visitor's would have to click on the jpg to then see the movie. how can this be acheived??? css? This thread; plain and simple.. I want the following tags: HTML Code: background-image:url(blokje.png); background-image:url(onderkant%20curve.png); Replaced with something like this: HTML Code: <img id="pic" src="top.png" alt=""> Why? Because the top.png image is the only image that loads correctly when mail template is sent to mail recipients. Please advice, thank you. Source: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<base href="http://asitisinheavenagain.com/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
#container{
width:711px;
margin:auto;
font-family:verdana,sans serif;
font-size:16px;
background-image:url(blokje.png);
}
#pic {
display:block;
}
#content {
padding:0 0 60px 50px;
background-image:url(onderkant%20curve.png);
background-repeat:no-repeat;
background-position:0 bottom;
}
#p-one {
font-weight:bold;
color:#410d3e;
}
#pic-one {
text-align:center;
}
#pic-one img {
width:170px;
height:190px;
}
#link {
font-size:12px;
}
</style>
</head>
<body>
<div id="container">
<img id="pic" src="top.png" alt="">
<div id="content">
<p id="p-one">
Nieuwsbrief Februari 2010
</p><p><br>
Beste Lezer van mijn eerste nieuwsbrief,
</p><p>
Graag wil ik je opmerkzaam maken op de nieuwste activiteiten van <br>
Sessio Communications.
</p><br>
<p id="pic-one">
<img src="koord.jpg" alt=""><br>
<a href="http://www.asitisinheavenagain.com">www.asitisinheavenagain.com</a>
</p><p>
Ik nodig je van harte uit om <a href="http://www.asitisinheavenagain.com">mijn website</a> te bezoeken.<br>
Reacties zijn welkom. Doorsturen naar andere belangstellenden mag. <br>
<a href="[FORWARDTOFRIEND]">Stuur deze email door naar een vriend of vriendin.</a></p><br>
</p><p>
Mocht je geen belangstelling hebben om op de hoogte te blijven van<br>
mijn verschillende workshops en trainingen dan kun je dat via de <br>
link onderaan de pagina aangeven. Je e-mail adres wordt dan verwijderd.
</p><p><br>
</p>
</p>
</div>
</div>
</body>
</html>
I have a small image (icon) which when clicked will take you to one of x number of sites via a random link generator. Here is my html where randomlink refers to a javascript routine in the head. <form> <p><input type="button" name="B1" value="Random Link >>" onclick="randomlink()"></p> </form> This works fine in returning a random website (actually one from a list). But I would like to replace the button with an image. I tried this but no joy: <form> <input type="image" onclick="randomlink()" value="Random Link >>" src="../images/icon.jpg"> </form> What am I doing wrong? Hugh Hello, I am trying to achieve something in html that im not sure is possible, but i have been told it is. If I have a line of text with a link, is it possible when someone clicks the link, the line of text changes out and a new line of text pops up? for example. if i have this: <p>hello, please click <a href="#">here</a> to change this text</p> when the user clicks the link, the line pops out and the following line pops in in its place: <p>hello, this is the new text, please click <a href="#">here</a> to change back to the old text</p> Is this possible to do with just html (html5?) and css/javascript? if so, how would i go about doing it? I appreciate any help. thank you. Ben. edit: i no longer need the text to fade, it just has to swap the lines of code on click. |
|||||||