•
•
•
•
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 363,516 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 3,415 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: 9167 | Replies: 34
 |
•
•
Join Date: Aug 2004
Posts: 22
Reputation: 
Rep Power: 4
Solved Threads: 0
Newbie Poster
Why is the tag coded as follows:
Instead of this:
background: #ffffff url(background_norm.jpg) left no-repeat;
Instead of this:
background: #ffffff; url("background_norm.jpg"); left no-repeat;
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
looks like a typo actually. the ";" tells the computer it's the end of the line, so in that case anything after the basic color would be ignored.
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
What about when I pass the image path string, do I need quotes around it?
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
you can use them if you want to, but you don't need them. However if you're using inline styles (i.e. <span style="..."> then you shouldn't use a double quote around the filename or the computer may get confused and think it's reached the end of the style tag.
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
Awesome, thank you very much for the help.
I'm going to sit down and play for a bit and see how all of this stuff works.
I'll get back with you if I gum it all up.
- Eric
I'm going to sit down and play for a bit and see how all of this stuff works.
I'll get back with you if I gum it all up.
- Eric
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
•
•
Join Date: Aug 2004
Posts: 22
Reputation:
Rep Power: 4
Solved Threads: 0
Newbie Poster
All gummed up....
This is not working. Can you see why?
This is not working. Can you see why?
<!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_default.gif) left no-repeat;
DISPLAY: block;
}
</STYLE>
</head>
<body>
<a>Home</a>
</body>
</html> •
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
yes
Note the div around the a.
Also
this means it only applys to "a" elements within an element with a class of menu. Otherwise every single link on the page would have the images in the background...
Does that help?
<!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_default.gif) left no-repeat;
DISPLAY: block;
}
</STYLE>
</head>
<body>
<div class="menu"><a>Home</a></div>
</body>
</html>Also
•
•
•
•
.menu a {
}
Does that help?
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
I see...
... Humm, I'm not getting the rollover action.
Any thoughts?
... Humm, I'm not getting the rollover action.
Any thoughts?
•
•
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation:
Rep Power: 6
Solved Threads: 17
Master Poster
zip your folder and send it to me.
my first thoughts include:
dimensions on the hyperlinks.
image paths?
my first thoughts include:
dimensions on the hyperlinks.
image paths?
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
|
•
•
•
•
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
