Ask a Question related to Macromedia Dynamic HTML, Design and Development.
-
John Doe #1
css menu problems
hi:
i'm trying to implement a simple, i think, css menu and i'm having some
problems:
XP SP2
======
1. IE 6.0,
only left and right borders are shown
2. FF 1.5.0.7
when you click on the menues, the I-beam cursor appears
MacIntel, OSX 10.4.8
====================
OK in Safari 2.0.4 and FF 2.0
3. is it possible to keep the over background color for the last
selected menu?
you can take a look at [url]http://www.telefonica.net/web/jdoe/menu.htm[/url]
i hope i'll not have to return to images and JS!
tia,
jdoe
styles.css
==========
body {
background: #FFFFFF;
margin: 20px 0px 0px 0px;
text-align: center;
}
#container {
text-align: left;
width: 893px;
background-color: #FFFFFF;
margin: auto;
}
#menu_2 {
background: #C5BFB6;
width: 893px;
height: 40px;
text-align: center;
}
#menu_2 li {
display: inline;
float: left;
margin:12px 10px 0px 0px;
}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a.m2:link {font-family:Verdana; font-size:14px; font-weight:bold;
color:#FFFFFF; text-decoration:none; border:solid 1px #FFFFFF;
padding:1px 4px 1px 4px;}
a.m2:visited {font-family:Verdana; font-size:14px; font-weight:bold;
color: #FFFFFF; text-decoration:none; border:solid 1px #FFFFFF;
padding:1px 4px 1px 4px;}
a.m2:hover {font-family:Verdana; font-size:14px; font-weight:bold;
color: #FFFFFF; text-decoration:none; border:solid 1px #FFFFFF;
background-color:#813D31; padding:1px 4px 1px 4px;}
John Doe Guest
-
Still having menu problems- ID3.01
Hi again- I posted this last week. Wondering if anyone had any other ideas. As you can see by the link below, I'm getting menu "trails" in ID3.01.... -
Menu Problems in MX 2004
All my movies are 800x600, and I use the "disappearing menu" Lingo to keep the menus invisible until the cursor is a certain distance from the top... -
PLEASE HELP! Pop up menu problems
I'm working on a web site in Dreamweaver MX. My pop down menus do not work at all. they either go to a page that cannot be found or when you mouse... -
Still problems with my menu...
Hi again! now I realy have a problem.. I want om make a menu that expandes like the menu on http://www.eks.as The menu should expand after a... -
pop up menu problems
I'm using Fireworks pop up menus, and I've run into a couple of problems: 1. The pages are loading slowly. I've created an external file for... -
John Doe #2 Re: css menu problems
i solved problem 2 adding onFocus="this.blur()" to the links
any advice with problems 1 & 3?
John Doe wrote:> hi:
>
> i'm trying to implement a simple, i think, css menu and i'm having some
> problems:
>
> XP SP2
> ======
> 1. IE 6.0,
> only left and right borders are shown
>
> 2. FF 1.5.0.7
> when you click on the menues, the I-beam cursor appears
>
> MacIntel, OSX 10.4.8
> ====================
> OK in Safari 2.0.4 and FF 2.0
>
> 3. is it possible to keep the over background color for the last
> selected menu?
>
> you can take a look at [url]http://www.telefonica.net/web/jdoe/menu.htm[/url]
>
> i hope i'll not have to return to images and JS!
>
> tia,
>
> jdoeJohn Doe Guest
-
Michael Fesser #3 Re: css menu problems
..oO(John Doe)
It doesn't solved any problem, but added another: Now you prevent people>i solved problem 2 adding onFocus="this.blur()" to the links
from using their keyboard to navigate on your site. That's very bad.
Try the following (stylesheet simplified, code validated):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>css menu</title>
<style type="text/css">
a {text-decoration: none}
body {margin: 20px 0 0; background: #FFF; font-family: Verdana, sans-serif}
#container {margin: 0 auto; width: 893px}
#menu_2 {background: #C5BFB6; height: 40px}
#menu_2 li {margin: 10px 10px 0 0; float: left; list-style-type: none}
#menu_2 a {display: block; padding: 1px 4px; font-size: 14px;
font-weight: bold; color: #FFF; border: solid 1px #FFF}
#menu_2 a:hover {background: #813D31}
</style>
</head>
<body>
<div id="container">
<div id="menu_2">
<ul>
<li><a href="">A</a></li>
<li><a href="">B</a></li>
</ul>
</div>
</div>
</body>
</html>
Micha
Michael Fesser Guest
-
John Doe #4 Re: css menu problems
thanks a lot! just 2 questions:
isn't it possible in css menues to keep highlighted the last selected item?
tia,
jdoe
Michael Fesser wrote:not sure what do you mean because in my tests the problem was solved.> .oO(John Doe)
>>>> i solved problem 2 adding onFocus="this.blur()" to the links
> It doesn't solved any problem,
John Doe Guest
-
John Doe #5 Re: css menu problems
i just realized your code works fine if i log with the guest account but
if i log using the admin one, the I-beam cursor keeps showing in the
item selected!!!???
FF 1.5.0.7, XP SP2
[url]http://www.telefonica.net/web/jdoe/menu.htm[/url]
Michael Fesser wrote:> .oO(John Doe)
>>>> i solved problem 2 adding onFocus="this.blur()" to the links
> It doesn't solved any problem, but added another: Now you prevent people
> from using their keyboard to navigate on your site. That's very bad.
>
> Try the following (stylesheet simplified, code validated):
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
> <head>
> <title>css menu</title>
> <style type="text/css">
> a {text-decoration: none}
> body {margin: 20px 0 0; background: #FFF; font-family: Verdana, sans-serif}
> #container {margin: 0 auto; width: 893px}
> #menu_2 {background: #C5BFB6; height: 40px}
> #menu_2 li {margin: 10px 10px 0 0; float: left; list-style-type: none}
> #menu_2 a {display: block; padding: 1px 4px; font-size: 14px;
> font-weight: bold; color: #FFF; border: solid 1px #FFF}
> #menu_2 a:hover {background: #813D31}
> </style>
> </head>
>
> <body>
> <div id="container">
> <div id="menu_2">
> <ul>
> <li><a href="">A</a></li>
> <li><a href="">B</a></li>
> </ul>
> </div>
> </div>
> </body>
> </html>
>
> MichaJohn Doe Guest
Reply With QuoteSimilar Questions and Discussions
Posting Permissions
- You may not post new threads
- You may post replies
- You may not post attachments
- You may not edit your posts
