Log in

View Full Version : Ajax XML Ticker - formatting (how remove the boarder in IE7 ? )


Aaron
06-05-2007, 08:33 PM
1) Script Title:
Ajax XML Ticker (txt file source)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex2/ajaxticker.htm

3) Describe problem:

Have the script up and running. Works fine in Firefox, but there's a glitch in Internet Explorer. The IE shows a boarder in light grey. How do I turn that off? I just want my text to display with white boarder (so it's "invisible" to user) and white background (so that's "invisible" to user too).

Would someone please tell me what I'm missing to turn off the "extra" boarder in IE? Many thanks. I'm guessing it's something obvious that I just don't know about due to my lack of programming experience.

Here's the specific stuff I've modified to do what I want (just show the text with no boarder and no background and no mysterious IE "extra" boarder):


<style TYPE="text/css">
#ajaxticker1{
border: 0px #ffffff; /* Tried turning off boarder with this */
padding: 0px;
background-color: #ffffff; /* Tried turning off background color with this */
}


Here's the full code from my webpage <head> section


<style TYPE="text/css">
/*Example CSS for demo ticker*/
#ajaxticker1{
width: 700px;
height: 15px;
/* border: 1px ridge black; */
border: 0px #ffffff;
/* padding: 5px; */
padding: 0px;
/* background-color: #a5fa73; */
background-color: #ffffff;
}
#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect
(alpha filter) is enabled. Style inner DIV with same color as outer
DIV*/
background-color: #ffffff;
}
.someclass{ //class to apply to your scroller(s) if desired
}
</style>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript"
SRC="/lib/ajaxticker/ajaxticker.js">
/***********************************************
* Ajax Ticker script (txt file source)- © Dynamic Drive
(www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
</SCRIPT>
Aaron
06-05-2007, 10:03 PM
I found the solution. Turns out there are two div's and each has a boarder that needs to be turned off, not just the first.

So I added the boarder property to the inner div (which is being used since I have the fade effect enabled, just like the default example).

Here's the code for inner div in <head> section now:



#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect
(alpha filter) is enabled. Style inner DIV with same color as outer
DIV*/
background-color: #ffffff;
border: 0px #ffffff;
}