No replies
ariane525
Offline
newbie
Last seen: 12 years 34 weeks ago
Timezone: GMT-7
Joined: 2010-05-31
Posts: 1
Points: 2

Hello there,
I am wondering if someone can shed some light on a little problem I am having. I bought a pre-programmed Flash component that I can edit with a couple of xml files. I have used SWFObject before to create links for viewers that do not have Flash, however I cannot figure out how to use SWFObject for this project.

Instead of using regular links I have resorted to using images as buttons in the same font and look as the navigation bar in the swf to appear over top of the navigation bar in the swf. However, in Firefox when I preview it the my button navigation bar (that can be found in my menu div of the CSS below) it is off a few pixels.

I am using negative margins to get my button menu to to appear above the Flash file. Please offer any suggestions.

Here's the CSS (referring to http://www.jamieledentphotography.com/galleries.html)

@charset "UTF-8";
body {
margin: 0;
background-color: #000000;
background-repeat: no-repeat;
}

html {
height: 100%;
}

#wrapper {
width: 1000px;
padding-top: 10px;
margin-left: auto;
margin-right: auto;
}

#banner {
height: 30px;
width: 1000px;
margin-bottom: -5px;
z-index: 3000;
}

#info {
font-family: "Verdana", Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
text-align: center;
color: #996600;
margin-top: 10px;
}

.white
{
color:#fff;
}

#info a
{
font-family: "Verdana", Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
text-align: center;
color: #000000;
margin-top: 10px;
}

h1
{
font-family: "Futura", "Verdana", Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
text-align: left;
color: #996600;
}

#contentWrapper {
position: relative;
clear: both;
width: 100%;
height: 629px;
}

#sidebar {
position: absolute;
top: 110px;
padding-left: 8px;
padding-right: 3px;
width: 240px;
}

#main {
width: 900px;
margin-left: auto;
margin-right: auto;
}

#main ul {
position: absolute;
margin-top: -500px;
bottom: 5px;
}

#main .figure {
position: absolute;
width: 230px;
margin-top: 150px;
margin-bottom: 2px;
margin-left: 3px;
}

#menu {
margin-top: -590px;
margin-left: 590px;
z-index: 900;
}

#menu2 {
margin-top: -586px;
margin-left: 780px;
}

#menu3 {
position: relative;
font-family: "Tahoma", Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
text-align: left;
color: #006666;
width: 250px;
margin-top: -620px;
margin-left: 620px;
z-index: 900;
}

#menu a
{
color: #AAA;
text-decoration: none;
}

#menu a:hover
{
color: #fff;
}

#footer {
margin-top: -40px;
margin-left: 64px;
}

Further questions if any one can offer help: How do you add CSS to an XML file? and why does my background show up as white on my www.jamieledentphotography.com/contact.html page when the background is set to black?