HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
CSS : IE and Firefox not the same
Post new topic   Reply to topic    HTML Help Forum Index -> CSS
View previous topic :: View next topic  
Author Message
wiggumdk



Joined: 13 Feb 2006
Posts: 1

PostPosted: Mon Feb 13, 2006 5:05 pm     CSS : IE and Firefox not the same Reply with quote

Homepage:
http://buccaneers.maddenzonen.dk/feed.php

CSS:
http://buccaneers.maddenzonen.dk/style/feed.css

CSS code looks like this:

Code:
body {
   background-color: white;
   font-family: arial, sans-serif;
        color: #000000;
   font-size: 70%;
}


/* begin styles for RSS Feed */

.rss_box {
   width: 265px;
   background-color: #ffffff;
   border: 1px solid black;
}
.rss_items {
   margin-top: 0px;
   padding: 0.5em; 0.5em;
   margin-left: 0px;
   color:#000000;
}
.rss_title {
   padding: 5px 5px;
   font-size: 10pt;
   background-color: #BD0839;
   color: white;
   text-align: center;
}

.rss_item  {
   list-style: none;
   text-align: justify;
   padding-bottom: 10px;
}
.rss_item a {
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
a:visited {
   text-decoration: line-through;
}

.rss_date {
   color: #F87217;
}


Now in IE all the functions work perfectly but in Firefox the function

Code:
a:visited {
   text-decoration: line-through;
}


has no effect what so ever. Why?

Hope you guys can help me on how to fix this. Thanks.
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8749
Location: Castle Pines North, CO USA

PostPosted: Tue Feb 14, 2006 3:55 am     Reply with quote



I tested an example locally on Firefox
Code:
<p style="text-decoration: line-through">Ignore this sentence<p>
and it did work. Underlining, overlining, striking, and blinking: the 'text-decoration' propertyis actually there for line-through.

If you do the above code, do you see a line through?

_________________
Corey
Loud Commerce | LoudHost | Toll Free Solutions
errorlevel_03



Joined: 11 Feb 2006
Posts: 27

PostPosted: Tue Feb 14, 2006 6:47 pm     Reply with quote

You may need to update Firefox to 1.5
angstmann



Joined: 28 Sep 2006
Posts: 1
Location: Co. Durham, UK

PostPosted: Thu Sep 28, 2006 12:43 am     Reply with quote

I am testing this in Firefox 1.5 on Mac and Windows and also in other browsers too. As the previous poster states, it works in IE. It does not work for me in ANYTHING other than IE. Not what I want! Smile Anyone able to shed some more light on this. I would be very grateful. Thanks
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8749
Location: Castle Pines North, CO USA

PostPosted: Thu Sep 28, 2006 4:16 am     Reply with quote

International Web Developers Network might be able to shed a little more light on the subject

_________________
Corey
Toll Fax Numbers | Merchant Accounts
gary.newelluk



Joined: 12 May 2005
Posts: 548
Location: Peterhead, Scotland

PostPosted: Thu Sep 28, 2006 2:47 pm     Reply with quote

I haven't been able to reproduce this because your links no longer appear to be working but....

I remember reading somewhere (maybe Degsy said it...) but the link order in css must be in the correct order and the way to remember it is love hate.

For example.

a:link (Lovehate)
a:visited (loVehate)
a:hover(loveHate)

Therefore I would suggest out of pure chance that you rearrange your css as follows:





Code:

body {
   background-color: white;
   font-family: arial, sans-serif;
        color: #000000;
   font-size: 70%;
}


/* begin styles for RSS Feed */

.rss_box {
   width: 265px;
   background-color: #ffffff;
   border: 1px solid black;
}
.rss_items {
   margin-top: 0px;
   padding: 0.5em; 0.5em;
   margin-left: 0px;
   color:#000000;
}
.rss_title {
   padding: 5px 5px;
   font-size: 10pt;
   background-color: #BD0839;
   color: white;
   text-align: center;
}

.rss_item  {
   list-style: none;
   text-align: justify;
   padding-bottom: 10px;
}
.rss_item a {
   text-decoration: none;
}
a:visited {
   text-decoration: line-through;
}

a:hover {
   text-decoration: underline;
}

.rss_date {
   color: #F87217;
}


As I say I can't reproduce your problem so this is just a guess but hopefully it will sort you out.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> CSS All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
DARFUR
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial