I recently found that the word-spacing does not work if used with a link in Safari. Anybody know why or how to fix? here is my html:
<html>
<head>
</head>
<style type="text/css">
body { background-color: #E0E1E2;}
a{text-decoration:none;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#AAAAAA;}
a:active {color:#AAAAAA;}
.menutext
{
font-family:sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
text-align:center;
padding-top:20;
word-spacing:50;
}
</style>
<body>
<div class="menutext">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"test.html" style="color:#FF0000">home</a> <a href="about.html" style="color:#FF0000">
about</a> <a href=http://www.webdeveloper.com/forum/archive/index.php/"link1.html" style="color:#FF0000">link1</a> <a href="link2.html" style="color:#FF0000">
link2</a> <a href=http://www.webdeveloper.com/forum/archive/index.php/"link3.html" style="color:#FF0000">link3</a> <a href="contact.html" style="color:#FF0000">
contact</a>
</div>
<div class="menutext">home about link1 link2 link3 contact</div>
</body>
</html>Most property values need units:
padding-top:20px;
word-spacing:50px;Good suggestion, but I tried that and that does not make a difference in Safari. It still does not recognize the word-spacing when text is used as a link.
Does anybody have an idea why this is happening in Safari and what I can do to prevent it or a workaround?
Thanks.A workaround could be:
.menutext a {
padding-right:50px;
}Use this:
<!-- m --><a class="postlink" href="http://www.imaginekitty.com/external/pictures/safarimenu.gif">http://www.imaginekitty.com/external/pi ... rimenu.gif</a><!-- m -->
in the Safari menu.
Please.
Everyone thanks you.
Hello,
Yes I sent a question to Dev support for Safari, but I have not heard back.
The padding-right doesn't work exactly the way I want in my case as I have the text in a single layer.
I was thinking I could break the links up into individual layers and space them exactly where I want. Not ideal, but a workaround. I'm probably just not going to be able to fix until Safari upgrades.
I will post the response from Apple when I hear back.
<html>
<head>
</head>
<style type="text/css">
body { background-color: #E0E1E2;}
a{text-decoration:none;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#AAAAAA;}
a:active {color:#AAAAAA;}
.menutext
{
font-family:sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
text-align:center;
padding-top:20;
word-spacing:50;
}
</style>
<body>
<div class="menutext">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"test.html" style="color:#FF0000">home</a> <a href="about.html" style="color:#FF0000">
about</a> <a href=http://www.webdeveloper.com/forum/archive/index.php/"link1.html" style="color:#FF0000">link1</a> <a href="link2.html" style="color:#FF0000">
link2</a> <a href=http://www.webdeveloper.com/forum/archive/index.php/"link3.html" style="color:#FF0000">link3</a> <a href="contact.html" style="color:#FF0000">
contact</a>
</div>
<div class="menutext">home about link1 link2 link3 contact</div>
</body>
</html>Most property values need units:
padding-top:20px;
word-spacing:50px;Good suggestion, but I tried that and that does not make a difference in Safari. It still does not recognize the word-spacing when text is used as a link.
Does anybody have an idea why this is happening in Safari and what I can do to prevent it or a workaround?
Thanks.A workaround could be:
.menutext a {
padding-right:50px;
}Use this:
<!-- m --><a class="postlink" href="http://www.imaginekitty.com/external/pictures/safarimenu.gif">http://www.imaginekitty.com/external/pi ... rimenu.gif</a><!-- m -->
in the Safari menu.
Please.
Everyone thanks you.
Hello,Yes I sent a question to Dev support for Safari, but I have not heard back.
The padding-right doesn't work exactly the way I want in my case as I have the text in a single layer.
I was thinking I could break the links up into individual layers and space them exactly where I want. Not ideal, but a workaround. I'm probably just not going to be able to fix until Safari upgrades.
I will post the response from Apple when I hear back.