/    Sign up×
Community /Pin to ProfileBookmark

CSS menu border IE problem.

Copy linkTweet thisAlerts:
Apr 05.2008

Hi

I tried to put border into my menu bar when the mouse hover.
[url]http://czone01.com/zodesk/dk-eDev/indextest.htm[/url]

but the border works properly under firefox but not with M.S.I.E.

the codes are below?

[CODE]
 a.menu:link {
color: #F8D274;
font:bold;}
a.menu:visited {
color: #F8D274;
font:bold;
}
a.menu:hover {
color: #000000;
font-style:italic;
font-weight: bold;
background-color:#FFFFFF;
border-style: solid;
border-color: #F8D274;
border-width: 6px;
border-top:’3px’ ‘solid’ ‘cyan’;
}
a.menu:active {
color: #F8D274;
font-weight: bold;
font-style:italic;
text-decoration: underline;
}
a:menu:focus {
color: #F8D274;
font-weight: bold;
font-style:italic;
text-decoration: underline;
}
[/CODE]

Is there a way to fix this?
I want to retain the background color of the text with the border of it.

Could you my friend teach me and show me some example that will be very
helpful.

Thank you in advance.

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@johnnyblotterApr 05.2008 — a:menu:focus

should be a.menu:focus
Copy linkTweet thisAlerts:
@iridion_usauthorApr 05.2008 — i already fixed that and that's not the problem.

the problem is the border of the menu.
Copy linkTweet thisAlerts:
@johnnyblotterApr 05.2008 — whoops.

border-style: solid;

border-color: #F8D274;

border-width: 6px;

border-top:'3px' 'solid' 'cyan'

instead try this.

border:6px solid cyan;

border-top:3px solid cyan;
Copy linkTweet thisAlerts:
@iridion_usauthorApr 05.2008 — Thanks man. but the result is the same.

It works under FIREFOX properly but not on MSIE.

Thanks again you are a nice friend.
Copy linkTweet thisAlerts:
@FangApr 05.2008 — a.menu:link {line-height:1.5em;}
×

Success!

Help @iridion_us spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...