PDA

Click to See Complete Forum and Search --> : Slashes of hell

Leo_01
12-19-2006, 04:12 AM
www.zenlion.com/newlion

I tested my new layout with older browser and it does not work with anything older than IE5.5
the slashes get screwed up.
As its a list and i want the slashes in between each items so I used abackground+padding trick to get the alternated effect.

anyone got any other tricks to get such effects or fix it for older browsers?

Btw, its totally valid. (no errors no warnings.
ryanbutler
12-19-2006, 09:50 AM
I can't view your site, I'm getting a 404 error. However, you can always use conditional comments to get IE5.5 and earlier to work properly if you're accommodating for the box model and other miscellaneous bugs.
sticks464
12-19-2006, 10:40 AM
Use the html character '/' in place of an actual '/'. (without the 's)
Leo_01
12-19-2006, 10:44 AM
I can't there is no way to achieve the alternating effect without using the imaged '/' (as far as i know of)
sticks464
12-19-2006, 02:15 PM
I can't there is no way to achieve the alternating effect without using the imaged '/' (as far as i know of)

You have this in the source code:
<title>ZenLion - Life / School / World</title>

Replace the / with a character entity in the source code and it will render correctlyCheck here (http://www.ilovejackdaniels.com/characters_cheat_sheet.png)
And here (http://www.w3schools.com/html/html_entities.asp). The support for entity numbers is very good in almost all browsers. The older browsers are not recognizing the /, but they will recognize the character entity.
WebJoel
12-19-2006, 06:15 PM
I can't there is no way to achieve the alternating effect without using the imaged '/' (as far as i know of)
I wish I could see your site to know what you are saying here, but if you are using "/" and the 'forward slash' is not appearing, you need to 'escape' the character entity first:

\& # 4 7 ; (but use no spaces)

Some hosts (like maybe myspace.com?? for one) seem to muss-up character entities UNLESS you 'escape' them first. This tells their server to not throw a wobbly and think that the NEXT character is a 'shell command'. Try this 'backslash'(+)&(+)#(+)4(+)7(+); :)
sticks464
12-19-2006, 07:05 PM
I wish I could see your site to know what you are saying here

I looked at the site and he is using the normal "/" . It is being used as a separator between links and in front of other links displayed on the pages. I think he is saying they will not display properly in browsers earlier than IE5.5.
WebJoel
12-19-2006, 07:32 PM
I looked at the site and he is using the normal "/" . It is being used as a separator between links and in front of other links displayed on the pages. I think he is saying they will not display properly in browsers earlier than IE5.5. and using the 'escape character' before the 'character entity' for 'forward slash' might solve this. :) I don't know why older browser would not show "/", though...
Could always test design on multiple platforms at this:
http://browsershots.org/
sticks464
12-19-2006, 10:03 PM
When I paste in the url it gives me a 404 error. I can't do anymore then test with what I have available on my end.
_Aerospace_Eng_
12-19-2006, 10:22 PM
I have a feeling its IE5.5 and lower not supporting a width on the body element. Change this
body
{
width: 500px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
font-size: 100%;
font-family: Georgia, serif;
}
to this
body
{
background-color: #FFFFFF;
font-size: 100%;
font-family: Georgia, serif;
margin:0;
padding:0;
text-align:center;
}
#container {
width:500px;
margin:auto;
text-align:left;
}
Then you will need to wrap a div around the rest of your code with an id of container
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>ZenLion - Life / School / World</title>
<link rel="alternate" type="application/rss+xml" title="ZenLion - Blog" href="feed.php"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="container">
<!--rest of code here-->
</div>
</body>
</html>