css not working in firefox

This is a discussion on "css not working in firefox" within the Web Page Design section. This forum, and the thread "css not working in firefox are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design
Reload this Page css not working in firefox

Notices
Please Register!
Webforumz.com is an education based community supporting web designers, developers and those who are new and learning. If you are a designer, developer, learning web design or are thinking about a career in web design then you have come to the right place. Register for free now to access more information and to participate in discussion and debate.


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Dec 5th, 2006, 10:21
New Member
Join Date: Dec 2006
Location: UK
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Unhappy css not working in firefox
Dear All
Attached is a JPEG showing the example displayed in IE and FF. See hwo the firefox one does not redraw properly!
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?? Its sending me mad haha
IN IE the background graphics display ok (fully) but in firefox the background graphics only display partially!! I see the top left of each graphics. When the next number (digit) increases to a three digit number, i do however get to see more of the background graphic.
Why is this happening in FF only?
Heres is the css
css part: .pageprenxt {
background-image: url("/dating/images/Pag_GreenLoz.jpg");
background-repeat: no-repeat;
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("/dating/images/Pag_NumberBackYell.jpg");
background-repeat: no-repeat;
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("/dating/images/Pag_NumberBackGreen.jpg");
background-repeat: no-repeat;
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;
}
Best regards
Neil
Attached Images
File Type: jpg example.JPG (11.9 KB, 44 views)
Reply With Quote

  #2 (permalink)  
Old Dec 5th, 2006, 12:29
masonbarge's Avatar
Highly Reputable Member
Join Date: Jan 2006
Location: Atlanta GA
Posts: 631
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css not working in firefox
This is hard without seeing the html. You might try display: block;

PS putting your code inside code tags will make a post easier to read
Reply With Quote
  #3 (permalink)  
Old Dec 5th, 2006, 12:49
New Member
Join Date: Dec 2006
Location: UK
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css not working in firefox
display: block shows the whole graphic but...
the graphics are on top of each other, in a vertical column!
Neil
Reply With Quote
  #4 (permalink)  
Old Dec 5th, 2006, 14:43
New Member
Join Date: Dec 2006
Location: UK
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Unhappy Re: css not working in firefox
Here is the code, I still cannot get this working.


'
<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="&lt;&lt;&nbsp;first">&lt;&lt;&nbsp;first</a></span>&nbsp;
<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">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;1&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=31">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;2&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=41">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;3&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=51">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;4&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=61">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;5&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=71">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;6&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=81">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;7&nbsp;</span></a>
&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;8&nbsp;</span>
<span class="pageprenxt" align="center" height="24" width="47"></span>&nbsp;
<span class="smalltext" valign="middle" align="center">
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=4991" text="last&nbsp;&gt;&gt;">last&nbsp;&gt;&gt;</a></span></td>
<td width="10"></td>
</tr>
</table>
</body>
</html>'


Kindest regards
Neil
Attached Images
File Type: jpg example.JPG (11.9 KB, 18 views)
Reply With Quote
  #5 (permalink)  
Old Dec 5th, 2006, 14:50
New Member
Join Date: Dec 2006
Location: UK
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css not working in firefox
Cant remember if i replied to you or not, but here is the code





<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="&lt;&lt;&nbsp;first">&lt;&lt;&nbsp;first</a></span>&nbsp;
<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">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;1&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=31">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;2&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=41">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;3&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=51">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;4&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=61">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;5&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=71">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;6&nbsp;</span></a>
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=81">&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;7&nbsp;</span></a>
&nbsp;<span class=pagenormal valign=middle align=center height=24 width=29>&nbsp;8&nbsp;</span>
<span class="pageprenxt" align="center" height="24" width="47"></span>&nbsp;
<span class="smalltext" valign="middle" align="center">
<a href="https://lpmtest.vpsland.com/dating/statistic/list_profile.php?next=4991" text="last&nbsp;&gt;&gt;">last&nbsp;&gt;&gt;</a></span></td>
<td width="10"></td>
</tr>
</table>
</body>
</html>
Reply With Quote
  #6 (permalink)  
Old Dec 6th, 2006, 09:24
Daniel's Avatar
Elite Veteran
Join Date: Sep 2006
Location: The Kingdom of Rabbits
Age: 21
Posts: 2,051
Blog Entries: 12
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to Daniel
Re: css not working in firefox
wrap the code in [code] tags will make it easier to read and find the problem.
Last Blog Entry: Assassin's Creed (Nov 22nd, 2007)
Reply With Quote
  #7 (permalink)  
Old Dec 6th, 2006, 10:07
New Member
Join Date: Dec 2006
Location: UK
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css not working in firefox
sorry i not used forums before, how do i do that?
Reply With Quote
  #8 (permalink)  
Old Dec 6th, 2006, 12:57
Daniel's Avatar
Elite Veteran
Join Date: Sep 2006
Location: The Kingdom of Rabbits
Age: 21
Posts: 2,051
Blog Entries: 12
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to Daniel
Re: css not working in firefox
ill pm you the information
Last Blog Entry: Assassin's Creed (Nov 22nd, 2007)
Reply With Quote
  #9 (permalink)  
Old Dec 6th, 2006, 13:40
New Member
Join Date: Dec 2006
Location: UK
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Unhappy Re: css not working in firefox
I now have it working. I have it working in FF and IE and safari on the Mac, However because im using Float:left in my style (to stop the graphics becoming vertically aligned, as mentioned before) i have the whole thing now left on my screen as shown.

If i try to apply an alignment of centre in the styles or a TD align of centre it does not work. Nothing happens.

If i add a width to the td, then the safari version drops onto two lines, splitting it right after the number 4.

Any idea how to get this centred?

Neil

JPEG attached!
Attached Images
File Type: jpg notcentred.JPG (17.3 KB, 60 views)
Reply With Quote
Reply

Tags
css, firefox

« Looks good in FireFox, horrible in IE | Same Text in Multiple pages as well as images »
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Changing image not working in Firefox PoetAlley JavaScript Forum 5 Sep 27th, 2007 14:12
Some javascript not working in Firefox jonnymorris Web Page Design 4 Sep 18th, 2007 14:02
Some javascript not working in Firefox jonnymorris JavaScript Forum 4 Sep 18th, 2007 10:47
javascript working fine in IE but cannot work in Firefox web20tester JavaScript Forum 0 May 21st, 2007 17:37
Code not working on firefox acidblue0 Web Page Design 3 Jan 2nd, 2006 20:14


All times are GMT. The time now is 16:00.

Contact Us - Web Design & Development Forums - Archive - Top

Sleep Study Scoring :: Free Bet :: Online Betting :: Bookmakers :: Funny Quotes :: Internet Recruitment Software :: Microsoft CRM Experts :: Online Casino :: Decorated Christmas Trees :: Midwife Forums :: Football Betting :: Web Development India :: Ecommerce Software :: Football Stats :: Dry Cleaning Collection :: Free Bets :: xtreme wales - extreme clothing :: Apuestas :: SEO Company India :: Werbeartikel :: Sharepoint Consultants :: Search Engine Optimisation :: Office Clearance London :: Sharepoint Experts :: Sports Betting :: Casino :: Website Templates :: Online Gambling

Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43