Hello,
I site I designed has links that don't seem to work in mac IE 5.2. In
my site I'm using CSS to imitate image buttons by using the background
image property along with a little extra markup to make it work. When
you mouse over the button the hover state is activated and the 'over'
graphic is displayed, and the link url is displayed in the bottom left
corner of the screen. When clicked, though, nothing happens and you
are not taken to the url. T
The buttons work work fine in PC IE 6, firefox, safari, etc. but not
in
mac IE 5.2. I've looked around the newsgroups but can't seem to find
anyone else who has the same problem. I've pasted the relevant bits
of code below. Any ideas?
CSS:
..homepage-links-list {
position: absolute; left: 33px; top: 136px;
list-style-type: none;
margin: 0;
padding: 0;
}
..homepage-links-images {
width: 56px; height: 16px;
position: absolute; left: 60px; top: 87px;
overflow: hidden;
}
..homepage-links-images a {
position:absolu te; left:0; top:0;
width: 56px; height: 16px;
display: block;
background: url(../images/nav-images-over.gif);
}
..homepage-links-images a p {
position:absolu te; left:0; top:0;
width: 56px; height: 16px;
display: block;
text-indent: -56px;
}
..homepage-links-images a span {
display:block;
position:absolu te;
left:0; top:0; z-index: 1;
width: 56px; height:16px;
background: url(../images/nav-images.gif);
cursor: hand;
}
..homepage-links-images a:hover span{
background: transparent;
}
etc. (it goes on like this for the rest of the list)
HTML
<ul class="homepage-links-list">
<li class="homepage-links-images"><a href="images.ht m">
<p>Images</p>
<span></span></a></li>
<li class="homepage-links-statement"><a href="statement .htm">
<p>Statement</p>
<span></span></a></li>
<li class="homepage-links-bio"><a href="bio.htm">
<p>Bio</p>
<span></span></a></li>
<li class="homepage-links-contact"><a href="contact.h tm">
<p>Contact</p>
<span></span></a></li>
</ul> 8 2349
In article
<11************ **********@v33g 2000cwv.googleg roups.com>,
"DJA" <dj******@gmail .comwrote:
Hello,
I site I designed has links that don't seem to work in mac IE 5.2. In
my site I'm using CSS to imitate image buttons by using the background
image property along with a little extra markup to make it work. When
you mouse over the button the hover state is activated and the 'over'
graphic is displayed, and the link url is displayed in the bottom left
corner of the screen. When clicked, though, nothing happens and you
are not taken to the url. T
The buttons work work fine in PC IE 6, firefox, safari, etc. but not
in
mac IE 5.2.
Nor on Mac Safari, FF, Opera, iCab or anything Mac, that is, no
links go anywhere and no graphics display.
You can't do:
<li class="homepage-links-images"><a href="images.ht m">
<p>Images</p>
<span></span></a></li>
and hope for things to work. The paragraph element cannot be
contained within the anchor one under the mostly used document
types, eg.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
If fixing up your code here does not help, post a proper URL
(even a test case) rather than give so much markup and css here.
--
dorayme
Nor on Mac Safari, FF, Opera, iCab or anything Mac, that is, no
links go anywhere and no graphics display.
You can't do:
<li class="homepage-links-images"><a href="images.ht m">
<p>Images</p>
<span></span></a></li>
and hope for things to work. The paragraph element cannot be
contained within the anchor one under the mostly used document
types, eg.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
If fixing up your code here does not help, post a proper URL
(even a test case) rather than give so much markup and css here.
--
dorayme
Thanks for the response, dorayme.
I'll try replacing the p tag with a b tag and see if that helps. I
really only need that bit of code so that users with images turned off
can use the links. I won't be able to get to a mac with IE 5.2 until
Monday so I won't be able to test the fix until then.
In article
<11************ *********@m58g2 000cwm.googlegr oups.com>,
"DJA" <dj******@gmail .comwrote:
Nor on Mac Safari, FF, Opera, iCab or anything Mac, that is, no
links go anywhere and no graphics display.
You can't do:
<li class="homepage-links-images"><a href="images.ht m">
<p>Images</p>
<span></span></a></li>
and hope for things to work. The paragraph element cannot be
contained within the anchor one under the mostly used document
types, eg.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
If fixing up your code here does not help, post a proper URL
(even a test case) rather than give so much markup and css here.
--
dorayme
Thanks for the response, dorayme.
I'll try replacing the p tag with a b tag and see if that helps. I
really only need that bit of code so that users with images turned off
can use the links. I won't be able to get to a mac with IE 5.2 until
Monday so I won't be able to test the fix until then.
what is the purpose of the <ptag or the <spanone or your
proposed <bone? Why will you try? Why anything here, you have a
list element, what more is needed and for what?
--
dorayme
DJA wrote:
>
I won't be able to get to a mac with IE 5.2 until
Monday so I won't be able to test the fix until then.
After that, if you are still having troubles, please post a URL instead
of code. There is very often more to a situation than a code snippet
tells. A URL will give us the whole picture.
--
Berg
On Feb 14, 5:50 pm, dorayme <doraymeRidT... @optusnet.com.a uwrote:
In article
<1171492983.509 108.38...@m58g2 000cwm.googlegr oups.com>,
"DJA" <djaba...@gmail .comwrote:
Nor on Mac Safari, FF, Opera, iCab or anything Mac, that is, no
links go anywhere and no graphics display.
You can't do:
<li class="homepage-links-images"><a href="images.ht m">
<p>Images</p>
<span></span></a></li>
and hope for things to work. The paragraph element cannot be
contained within the anchor one under the mostly used document
types, eg.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
If fixing up your code here does not help, post a proper URL
(even a test case) rather than give so much markup and css here.
--
dorayme
Thanks for the response, dorayme.
I'll try replacing the p tag with a b tag and see if that helps. I
really only need that bit of code so that users with images turned off
can use the links. I won't be able to get to a mac with IE 5.2 until
Monday so I won't be able to test the fix until then.
what is the purpose of the <ptag or the <spanone or your
proposed <bone? Why will you try? Why anything here, you have a
list element, what more is needed and for what?
--
dorayme
Dorayme, to answer your question
What I'm doing is using CSS to make image buttons. Of course, I could
do this using a bit of javascript, but I wanted to see if I could do
it using just CSS. Here's how it works. First, I set the <atag to
display:block; and set the background to my 'button-over' image. The
<pis next, but it is there only for accessibility reasons. If a
user is using a screen reader, the reader will read the contents of
the <pand they can still use the link. I set the text-indent of the
<pso that the text will not be visible on the screen. Then, the
<spanis also set to display:block; and the background is set to my
'button' image. The z-index of the <spanis set to 1 so it will lay
on top of the <atag. Finally, I use the a:hover pseudo class to set
the <spantag's background to transparent which gives the effect of a
mouse over-image swap.
Berg,
Here's the site where I'm having the mac IE 5.2 issues. It works in
every other browser I've tried: PC IE 6, 7, Firefox, and Safari, just
not in mac IE 5.2. http://kathystecko.com/
On 14 Feb, 15:00, "DJA" <djaba...@gmail .comwrote:
I site I designed has links that don't seem to work in mac IE 5.2.
Hardly anything works for Mac IE5
_Perfection_ works on Mac IE, and it even works pretty well (for its
age). However if you have the slightest syntactic wobble in your code
(even if it's still valid), then Mac IE is infamous for blowing up
easily and badly.
It's also just not worth targetting Mac IE any more. It's dead, move
on.
<li class="homepage-links-images"><a href="images.ht m">
<p>Images</p>
<span></span></a></li>
Your HTML is invalid. You can't put a block element like <pinside an
inline context like <a>. This is just the sort of thing that is likely
to cause Mac IE to explode, so fix that before you start looking for
the obscure stuff. Additionally, you don't _need_ to do this. Anything
you might have wanted to do with it, you can do just as well by
applying your CSS to the <aor the <lielements. The <spanis also
superfluous, and best removed.
DJA wrote:
>
Here's the site where I'm having the mac IE 5.2 issues. http://kathystecko.com/
First, fix the invalid markup. Without valid code, you take your chances
with all browsers, not just MacIE. Enough other people have told you
what's wrong so I don't think I need to repeat it. http://validator.w3.org/ http://jigsaw.w3.org/css-validator/
Second, I see what you are trying to do - image replacement. IIRC MacIE
is picky about how this is set up. I think you've over-defined it, but
that may or may not be the issue. I do believe, however, that MacIE
likes the <spanto come before the text, not after.
--
Berg This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: delerious |
last post by:
Could someone please take a look at this page:
http://home.comcast.net/~delerious1/index11.html
The set of links on the left should not have any whitespace between them, and
the set of links on the right should have one pixel of whitespace between
them. That's how it looks in IE and Opera. But in Mozilla, a few of the
links on the left have whitespace between them, and some of the links on the
right don't have whitespace between them...
|
by: Patrick |
last post by:
Hi
I am fairly new to CSS and the web.I am trying to build a site more to
practice my skills than for the site itself.
I have been focusing on CSS and try my best to make it work in I.E
6.0, Opera 7.23, Mozilla 1.4 and N.N. 7.1.
My site was doing fine until i read i was supposed to keep everything
validated so i entered a strict html 4.01 doctype with url
following.My HTML validated fine.
So i validated my CSS and beside a little...
|
by: Richard |
last post by:
Considering the code below.
Adapting this part of the code from meyerweb.com to my own use, I was
playing around with some values and came up with an interesting result I
like.
Copy and paste the code and try it out and you'll see what I mean.
The problem is, somehow in the coding, my thumbnails can not be presented as
they are given.
The dimensions of the thumbnails are totally dependent upon the fixed value
of the height in the first...
|
by: motivus |
last post by:
Hi all. I'm on a WinXP/IE6 machine...
If I have the following markup - basically a vertical menu of links and
sub-links:
....
<body id="tab2">
....
<ul id="site-links">
<li class="link2">
|
by: Don Munroe |
last post by:
This one has me stumped. I have three web applications running on two
different servers. The first that works fine is hosted by a .Net hosting
company. Everyone that uses it has no problems hitting the site. The other
two applications are running on my personal server which has Windows 2003,
IIS 6, and .Net 1.1
Most of my users can use the sites. Two have come up with a very strange
problem. They try to go to either application and...
| |
by: TPJ |
last post by:
Help me please, because I really don't get it. I think it's some stupid
mistake I make, but I just can't find it. I have been thinking about it
for three days so far and I still haven't found any solution.
My code can be downloaded from here:
http://www.tprimke.net/konto/PyObject-problem.tar.bz2. There are some
scripts for GNU/Linux system (bash to be precise).
All you need to know is that there are four classes. (Of course, you
may...
|
by: DJG79 |
last post by:
Hi all,
I am using an open source menu that i found and it works great, except
for one thing that when the web page is not scrolled to the very top
the drop down links will not stay visible. Has anyone else had this
sort of problem with javascript? and any ideas how to fix it would be
greatly appreciated..
I have included a copy of the code below, thanks.
/**
|
by: lucky |
last post by:
Hi Guys
You are probably my last chance to avoid getting crazy
To help you understand my problem I have put images online showing the
issue I have:
http://www.australix.net/images/pb
I have an XML file containing links and I use an XSL file to build a
|
by: manuelgk |
last post by:
I have another problem. I want to catch the click event, I put certain code and it works well with my code but with a little problem, I already catch the click event and the links too, but when I try to know or shows the URL of the clicked element appear all the URLs of the other links if we have more than one in the html document. This is my code:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |