css and banner ad problem

  Bedazzle 13:02 18 Feb 07
Locked

Hi there

I'm having problems positioning a banner ad from clixgalore using css in dreamweaver. If you click here click here

you can see the page, and if you hover the mouse over cards and about us you will see the banner ad light up. Problem is I want to align the ad to the right of the table, and as you can see it does not appear on the screen properly. I've adjusted the css and I'm able to position it right, but when I upload it to the server it appears in the position you can see it at the top of the page. Also, the fact the ad itself doesn't show up properly has me stumped. Is it the html for the ad that's faulty?

Thanks in advance

Here is the css

/* balance transfer */

#header {
background-color: #ffffff;
background-image: url(images/btlogo.gif);
background-position: left top;
background-repeat: no-repeat;
height: 84px;
left: 6px;
position: absolute;
top: 2px;
width: 352px;
z-index: 1
}

#links {
background-color: #F0F0F0;
border-bottom-color: #dddddd;
border-bottom-style: dotted;
border-bottom: 1px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
height: 30px;
left: 0px;
position: absolute;
text-align: center;
top: 90px;
width: 1000px;
vertical-align: text-bottom;
}

#Page-Top {
background-color: #ffffff;
height: 114px;
left: 0px;
position: absolute;
top: 143px;
width: 1000px;
z-index: 3
}

#body {
background-color: #ffffff;
height: 79px;
left: 195px;
position: absolute;
top: 220px;
width: 625px;
z-index: 4
}

h1 {
color: #67084C;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold
}

#page-title {
background-color: #ffffff;
height: 10px;
left: 5px;
position: absolute;
top: 132px;
width: 200px;
z-index: 5;
vertical-align: 10%;
text-align: left;
}

#text {
background-color: #ffffff;
height: 64px;
left: 215px;
position: absolute;
top: 145px;
width: 600px;
z-index: 6
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #67084C;
text-align: center;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
text-decoration: none;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
text-decoration: none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #999999;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #333333;
}.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #333333;
}
.style3 {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}


#advert {
position: absolute;
height: 681px;
width: 133px;
left: 810px;
top: 222px;

}

  Bedazzle 18:19 18 Feb 07

That dark grey strip that appears beind the 'about us' block is supposed to be the ad - there's obviously something wrong, though not sure what...

  Bedazzle 17:35 21 Feb 07

Turns out I didn't upload the right css file - doh! All is good now
Cheers

This thread is now locked and can not be replied to.

Nintendo Switch review: Hands-on with the intuitive modular console and its disappointing games…

1995-2015: How technology has changed the world in 20 years

This abstract video touches on division in our technologic world

Best alternatives to iTunes for Mac | Best music players for macOS: Free your music from the…