•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 374,031 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,870 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 9304 | Replies: 34
 |
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation: 
Rep Power: 6
Solved Threads: 17
Master Poster
also change <a>home</a>
to
<a href="#">home</a>
to
<a href="#">home</a>
emdevelopments - accessible web design | HiJackThis
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
•
•
Join Date: Aug 2004
Posts: 22
Reputation:
Rep Power: 4
Solved Threads: 0
Newbie Poster
Thanks for your time...
Here you go.
Here you go.
•
•
Join Date: Aug 2004
Posts: 22
Reputation:
Rep Power: 4
Solved Threads: 0
Newbie Poster
<div class="menu"><a href="#">Home</a></div>
This fixed it up. Now, can I say that I want the text to be moved to the right by 10 px and remove the underline, or do I need to use JS for that?
- Eric
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
ok it works if you put the href in as I posted while you were preparing your zip.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>menu..</title>
<STYLE type="text/css">
.menu a {
background: #ffffff url(images/btn_default.gif) left no-repeat;
DISPLAY: block;
}
.menu a:hover {
background: #ffffff url(images/btn_hot.gif) left no-repeat;
DISPLAY: block;
}
.menu a:active {
background: #ffffff url(images/btn_current.gif) left no-repeat;
DISPLAY: block;
}
</STYLE>
</head>
<body MS_POSITIONING="GridLayout">
<div class="menu"><a href="#">Home</a></div>
</body>
</html> emdevelopments - accessible web design | HiJackThis
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
we really will have to stop posting at the same time... lol.
Move text right ten px? to center it or as a block?
.menu a {
text-align: center;
width:150px;
}
for the one, or:
.menu {
position: relative;
right: 10px;
}
for number 2:
text-decoration: none; should help you along.
I'm just off for a run, so see if you can work out what to do with it before I get back...
Cheers
Dave
Move text right ten px? to center it or as a block?
.menu a {
text-align: center;
width:150px;
}
for the one, or:
.menu {
position: relative;
right: 10px;
}
for number 2:
text-decoration: none; should help you along.
I'm just off for a run, so see if you can work out what to do with it before I get back...
Cheers
Dave
emdevelopments - accessible web design | HiJackThis
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
•
•
Join Date: Aug 2004
Posts: 22
Reputation:
Rep Power: 4
Solved Threads: 0
Newbie Poster
DaveSW: Help please....
I'm not sure where the issue is, it could be the HTML tags, JavaScript, or CSS, but it needs some tweaking. I've been away from web programming for some years now so I could have something backwards. I have enclosed all needed files and screens shots. Everything works great in IE, however Mozilla and Netscape are another story. The rollover effect is 1 px off on the top and left and the dropdown menu is displaying at the top of the page. Any thoughts would be appreciated.
Thanks in advance...
- Eric
I'm not sure where the issue is, it could be the HTML tags, JavaScript, or CSS, but it needs some tweaking. I've been away from web programming for some years now so I could have something backwards. I have enclosed all needed files and screens shots. Everything works great in IE, however Mozilla and Netscape are another story. The rollover effect is 1 px off on the top and left and the dropdown menu is displaying at the top of the page. Any thoughts would be appreciated.
Thanks in advance...
- Eric
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
I'll take a look after dinner (that's in about 10 mins...)
Can you direct me to the original menu code, or is it a complete DIY job?
Can you direct me to the original menu code, or is it a complete DIY job?
emdevelopments - accessible web design | HiJackThis
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
DIY... ?
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
What I meant was, did you make the menu yourself or use one of the menus freely available and adapt it? if you adapted one, which one? Sometimes the code gets messed up by the time you've finished adapting - it does in my case anyway.
emdevelopments - accessible web design | HiJackThis
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
Portfolio: Fire Equipment, Conveyors, Tools | Whitworth Spanner | Alarm Installers Bath | Physical Security Solutions | Surveyor | Pine Range | Unique Air Charter | Apollo Tiling in Bridgend
•
•
Join Date: Aug 2004
Posts: 22
Reputation:
Rep Power: 4
Solved Threads: 0
Newbie Poster
Nope it's all new...
I was going to use a menu which I created some years ago, but with CSS I can remove all of images - Now how cool is that!!! So as far as what you see that was created yesterday afternoon.
- Eric
I was going to use a menu which I created some years ago, but with CSS I can remove all of images - Now how cool is that!!! So as far as what you see that was created yesterday afternoon.
- Eric
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
Linear Mode
- dynamic menu using ruby (Ruby)
Other Threads in the HTML and CSS Forum
- Previous Thread: Layout in CSS
- Next Thread: using animated footage in a web site
