CSS Display

I'm trying to make a navigation bar using CSS and some background images. It
looks ok in the design view, but when you go to test it in the browsers, IE 6 &
Netscape 7, the first image isn't there, only the onmouseover image. Any clues?

Any clues?

The first clue would be to search for a URL so we can look at the page.

-Darrel

There isn't any URL at the moment. I always like to test things like buttons in
the browser before I move on to make sure everythings works properly before I
start getting too involved with the design stage. I sometimes have the same
problem with using certain colours too!

There isn't any URL at the moment. I always like to test things like
buttons in
the browser before I move on to make sure everythings works properly
before I
start getting too involved with the design stage. I sometimes have the
same
problem with using certain colours too!

Well, the bottom line is that if you expect people to help troubleshoot your
markup, well, they need to see your markup in a browser.

-Darrel

Or, at the very least -- your code in its entirety.

We don't mean to be rude, but we can't help you unless you don't give us SOMETHING to look at.

Unless you *DO* give us something.... 8)

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"mzanime.com" <webforumsuser (AT) macromedia (DOT) com> wrote

Or, at the very least -- your code in its entirety.

We don't mean to be rude, but we can't help you unless you don't give us
SOMETHING to look at.

OK. Here's the css. as you can see I have two images I want to use. In the
design view the first image is there, when I preview them in the browser -
there is no image only a text link. If I rollover the text link, the second
image appears. I've tried various formulas to get the first image to appear in
the browser - nothing, nada, nix!
So if the css look a bit strange, it's probably one of the several versions
I've tried to get this to work.
.sitestyle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
font-weight: normal;
color: #000033;
text-decoration: none;
background-image: url(../png_images/silver1.png);
background-repeat: repeat;
text-align: center;
display: block;
height: 20px;
width: 135px;
border: 1px solid #000033;
background-attachment: fixed;
background-color: #FFFFFF;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
font-weight: normal;
color: #003333;
text-decoration: none;
background-image: url(../png_images/silver2.png);
background-repeat: no-repeat;
text-align: center;
display: block;
height: 20px;
width: 135px;
border: 1px solid #000033;
}

Have you explicitly exported these PNG images as 8-bit images?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"fridge" <webforumsuser (AT) macromedia (DOT) com> wrote

OK. Here's the css. as you can see I have two images I want to use. In the
design view the first image is there, when I preview them in the browser -
there is no image only a text link. If I rollover the text link, the
second
image appears. I've tried various formulas to get the first image to
appear in
the browser - nothing, nada, nix!
So if the css look a bit strange, it's probably one of the several
versions
I've tried to get this to work.
.sitestyle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
font-weight: normal;
color: #000033;
text-decoration: none;
background-image: url(../png_images/silver1.png);
background-repeat: repeat;
text-align: center;
display: block;
height: 20px;
width: 135px;
border: 1px solid #000033;
background-attachment: fixed;
background-color: #FFFFFF;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
font-weight: normal;
color: #003333;
text-decoration: none;
background-image: url(../png_images/silver2.png);
background-repeat: no-repeat;
text-align: center;
display: block;
height: 20px;
width: 135px;
border: 1px solid #000033;
}

I've saved them as 8 bit png, and jpeg's, still I get the text link for the
first graphic and the png/jpeg for the rollover.
I might as well go back to using javascript and individual images for all the
good CSS is.

I'm sure you could get better help by uploading the file and posting its
URI. Trying to imagine what's happening is hard....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"fridge" <webforumsuser (AT) macromedia (DOT) com> wrote

I've saved them as 8 bit png, and jpeg's, still I get the text link for
the
first graphic and the png/jpeg for the rollover.
I might as well go back to using javascript and individual images for all
the
good CSS is.