NeilWilliams
12-05-2006, 04:00 PM
Dear All
Im having trouble with my CSS, working in IE but not in Firefox.
Attached is a JPEG, the top one showing it in firefox and the bootom showing it in IE.
Anyone have any ideas why this is not working in Firefox??
Attached is html and the two background images, and example of how it looks in FF and IE. Its ok in IE!!!!!
<html>
<head>
<title></title>
<style type="text/css">
<!--
a {
color: #000000;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: none;
}
a:link {
color: #000099;
text-decoration: none;
}
.pageprenxt {
background-image: url("https://lpmtest.vpsland.com/dating/images/Pag_GreenLoz.jpg");
background-repeat: no-repeat;
display: in-line;
height: 24px;
width: 47px;
padding: 5px 1px 1px 1px;
font-weight: bolder;
font-size: 70%;
font-family: Arial, Helvetica, sans-serif;
color: white;
text-align: center;
vertical-align: middle;
}
.pagenormal {
background-image: url("https://lpmtest.vpsland.com/dating/images/Pag_NumberBackYell.jpg");
background-repeat: no-repeat;
display: in-line;
height: 24px;
width: 29px;
padding: 5px 1px 1px 1px;
font-weight: bolder;
font-size: 70%;
color: black;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
}
.pagemouse {
background-color: #888888;
padding: 0px 0px 0px 0px;
font-weight: bolder;
font-size: 70%;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}
.pageout {
background-image: url("https://lpmtest.vpsland.com/dating/images/Pag_NumberBackGreen.jpg");
background-repeat: no-repeat;
display: in-line;
height: 24px;
width: 29px;
padding: 5px 1px 1px 1px;
font-weight: bolder;
font-size: 70%;
color: white;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
}
-->
</style>
</head>
<body>
<table width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" width="10"></td>
<td width="580" align="center">
<span class="smalltext" valign="middle" align="center">
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=1" text="<< first"><< first</a></span>
<span class="pageprenxt" align="center" height="24" width="47">
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=11">prev</a></span>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=21"> <span class=pagenormal valign=middle align=center height=24 width=29> 1 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=31"> <span class=pagenormal valign=middle align=center height=24 width=29> 2 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=41"> <span class=pagenormal valign=middle align=center height=24 width=29> 3 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=51"> <span class=pagenormal valign=middle align=center height=24 width=29> 4 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=61"> <span class=pagenormal valign=middle align=center height=24 width=29> 5 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=71"> <span class=pagenormal valign=middle align=center height=24 width=29> 6 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=81"> <span class=pagenormal valign=middle align=center height=24 width=29> 7 </span></a>
<span class=pagenormal valign=middle align=center height=24 width=29> 8 </span>
<span class="pageprenxt" align="center" height="24" width="47"></span>
<span class="smalltext" valign="middle" align="center">
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=4991" text="last >>">last >></a></span></td>
<td width="10"></td>
</tr>
</table>
</body>
</html>
Im having trouble with my CSS, working in IE but not in Firefox.
Attached is a JPEG, the top one showing it in firefox and the bootom showing it in IE.
Anyone have any ideas why this is not working in Firefox??
Attached is html and the two background images, and example of how it looks in FF and IE. Its ok in IE!!!!!
<html>
<head>
<title></title>
<style type="text/css">
<!--
a {
color: #000000;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: none;
}
a:link {
color: #000099;
text-decoration: none;
}
.pageprenxt {
background-image: url("https://lpmtest.vpsland.com/dating/images/Pag_GreenLoz.jpg");
background-repeat: no-repeat;
display: in-line;
height: 24px;
width: 47px;
padding: 5px 1px 1px 1px;
font-weight: bolder;
font-size: 70%;
font-family: Arial, Helvetica, sans-serif;
color: white;
text-align: center;
vertical-align: middle;
}
.pagenormal {
background-image: url("https://lpmtest.vpsland.com/dating/images/Pag_NumberBackYell.jpg");
background-repeat: no-repeat;
display: in-line;
height: 24px;
width: 29px;
padding: 5px 1px 1px 1px;
font-weight: bolder;
font-size: 70%;
color: black;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
}
.pagemouse {
background-color: #888888;
padding: 0px 0px 0px 0px;
font-weight: bolder;
font-size: 70%;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}
.pageout {
background-image: url("https://lpmtest.vpsland.com/dating/images/Pag_NumberBackGreen.jpg");
background-repeat: no-repeat;
display: in-line;
height: 24px;
width: 29px;
padding: 5px 1px 1px 1px;
font-weight: bolder;
font-size: 70%;
color: white;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
}
-->
</style>
</head>
<body>
<table width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" width="10"></td>
<td width="580" align="center">
<span class="smalltext" valign="middle" align="center">
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=1" text="<< first"><< first</a></span>
<span class="pageprenxt" align="center" height="24" width="47">
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=11">prev</a></span>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=21"> <span class=pagenormal valign=middle align=center height=24 width=29> 1 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=31"> <span class=pagenormal valign=middle align=center height=24 width=29> 2 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=41"> <span class=pagenormal valign=middle align=center height=24 width=29> 3 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=51"> <span class=pagenormal valign=middle align=center height=24 width=29> 4 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=61"> <span class=pagenormal valign=middle align=center height=24 width=29> 5 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=71"> <span class=pagenormal valign=middle align=center height=24 width=29> 6 </span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=81"> <span class=pagenormal valign=middle align=center height=24 width=29> 7 </span></a>
<span class=pagenormal valign=middle align=center height=24 width=29> 8 </span>
<span class="pageprenxt" align="center" height="24" width="47"></span>
<span class="smalltext" valign="middle" align="center">
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=4991" text="last >>">last >></a></span></td>
<td width="10"></td>
</tr>
</table>
</body>
</html>