Welcome to WebmasterWorld Guest from 54.158.51.150

Forum Moderators: incrediBILL

Message Too Old, No Replies

Banner Align Problem and SWF Not Displaying in FF

     
11:29 am on Apr 11, 2009 (gmt 0)

5+ Year Member



First of all the site does not validate because of the contact form and paypal link. The pages display fine in IE7 but not in Firefox.

The relevant code :


<object type="application/x-shockwave-flash" data="Images/globe.swf" width="230" height="167">
<param name="movie" value="Images/globe.swf" />
<img src="Images/globe.swf" width="230" height="167" alt="banner" />
</object>

<div
style="
top: 50px;
left: 320px;
position: absolute;
z-index: 1;
visibility: show;">
<a href="http://example.com">
<map name="FPMap0" id="FPMap0">
<area alt="Gallery" shape="rect" coords="408, 87, 472, 116" href="Gallery.html" />
<area alt="Services" shape="rect" coords="172, 87, 247, 117" href="Services.html" />
<area alt="Make A Payment" shape="rect" coords="259, 87, 393, 117" href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=A1B2C3D4E5F6&lc=GB&button_subtype=services&currency_code=GBP&bn=PP%2dBuyNowBF%3abtn_paynow_SM%2egif%3aNonHosted" />
<area alt="Request A Quote" shape="rect" coords="26, 87, 159, 118" href="Request_Quote.html" />
<area alt="example.com" shape="rect" coords="4, 6, 575, 79" href="http://example.com" />
<area alt="e-mail" shape="rect" coords="487, 87, 546, 116" href="mailto:enquiries@example.com" />

</map>
<img alt="Logo description" src="Images/Logo_1.jpg" width="580" height="120" longdesc="Logo long description" usemap="#FPMap0" />
</a>
</div>

And the stylesheet :


* {
margin: 0;
padding: 0;
}

ul {
list-style: inside;
}

body {
background-color: #008001;
color: #000000;
font-family: font-family: Tahoma, Helvetica, Lucida Sans, Trebuchet, sans-serif, Geneva, Arial, ;
font-size: 17px;
line-height: 19px;
}

a {
color: #000000;
}

p {
margin-bottom: 8px;
}

img {
border: 0px;
}

#center{
margin-top:10px;
margin-left:35px;
height:20px;
}

#center2{
margin-top:10px;
margin-left:70px;
height:20px;
}

#center3{
margin-top:10px;
margin-left:120px;
height:20px;
}

#container {
overflow:hidden;
background-color: #ffffff;
width: 800px;
padding: 30px;
margin: 10px auto 10px auto;
border: 1px solid #999999;
}

#header {
margin-top: 30px;
margin-bottom: 24px;
}

#header a {
margin-right: 25px;
color: #2b2b2b;
text-decoration: none;
position: relative; top: -9px; left: 8px;
}

#header a:hover {
text-decoration: underline;
}

#content {
margin-left: 30px;
width: 800px;
}

#links {
margin-left: 100px;
word-spacing: 90px;
font-size: 13px;
}

#footer {
clear:both;
border-top:1px solid;
color: #626262;
padding-top: 20px;
margin-bottom: -20px;
}

#footer p {
font-size: 12px;
width: 800px;
}

#line {
clear:both;
border-top:1px solid;
color: #000;
padding-top: 20px;
margin-bottom: -20px;
}

[edited by: tedster at 6:47 pm (utc) on April 11, 2009]
[edit reason] make details generic, use example.com [/edit]

 

Featured Threads

Hot Threads This Week

Hot Threads This Month