PDA

View Full Version : Help!!! Need script for vertical scroller positioned with table



trukje
06-28-2006, 07:45 PM
Can someone please help me to find a script for a vertical news scroller I can position in a table and give a css class???
It's kind of urgent :(
Thx peeps

jscheuer1
06-29-2006, 04:50 AM
Static news:

http://www.dynamicdrive.com/dynamicindex2/crosstick.htm

or a live rss feed:

http://www.dynamicdrive.com/dynamicindex17/rsspausescroller/index.htm


?

trukje
06-29-2006, 08:34 AM
Ok, thx buddy I think that answers my question
:)

trukje
06-29-2006, 09:45 AM
:mad:
I tried to implementate it to my site and it works fine with firefox but with IE i get this. Only the half of the text is visible in my table!?

http://img296.imageshack.us/img296/4879/scroll7tl.th.gif (http://img296.imageshack.us/my.php?image=scroll7tl.gif)

I used the ticker John suggested (read post above)
I didn't change anything in the code for the moment!
Can someone give me a solution???

jscheuer1
06-29-2006, 10:20 AM
I've seen this sort of thing many times before. It usually happens because centering is applied too high up. If you want the content of the scroller centered, apply it as low down as possible, ex:


pausecontent[0]='<div align="center"><a href="http://www.javascriptkit.com">JavaScript Kit</a><br />Comprehensive JavaScript tutorials and over 400+ free scripts!</div>'

Do that for each item. Applying centering of any kind above that can cause the entire scroller to be centered relative to the container, which is what your image shows.

To be more specific I would need a link to your page.

trukje
06-29-2006, 01:31 PM
Lo John,

Thx for the advise but it didn't work :(

this is the page:
http://www.born2frag.org.uk/test.html

It works in Firefox but not in IE!?

jscheuer1
06-29-2006, 05:16 PM
Works virtually the same in both browsers here because:


<link href="file:///C|/Documents and Settings/Kurt/Mijn documenten/nieuwe site/test.css" rel="stylesheet" type="text/css" />

Is not available to me. It is something, probably some centering style(s), in that stylesheet that is causing the problem.

trukje
06-30-2006, 07:25 AM
link 2 css is:

http://www.born2frag.org.uk/test.css

jscheuer1
06-30-2006, 07:34 AM
link 2 css is:

http://www.born2frag.org.uk/test.css

As it seemed like the logical place, I had already checked there. Then and currently, that is just a copy of the page, not a css stylesheet, so worthless. How about uploading the style and linking it to the demo page?

trukje
06-30-2006, 08:00 AM
Oops my mistake!
Srry :o
I'll replace it this evening!

trukje
06-30-2006, 03:47 PM
OK I changed it!

http://www.born2frag.org.uk/test.html
http://www.born2frag.org.uk/test.css

I hope you can find my problem!

trukje
06-30-2006, 05:49 PM
I'm very glad you spend so much time in trying to help me!

jscheuer1
06-30-2006, 05:54 PM
Yes, got it! You probably could simplify your css and do this a different way as you are using more centering than you need but, that is another topic. To get the scroller working, just add an id, say - news - here:


<table width="200" border="0" cellpadding="0" cellspacing="0" class="totaalkolom" id="news">
<tr>
<td class="headerkolom">News</td>

and define it as text-align:left at the end of your stylesheet:


#news {
text-align: left;
}

Notes: This is exactly what I was talking about. The class 'totaalkolom' applied to the entire news table has text-align:center. This is throwing off the scroller in IE as it is too 'high up'. The centering divisions that we already added to the array will take care of centering the news content so, we can switch the news table back to left align without losing the centering on the individual items.

trukje
06-30-2006, 09:29 PM
I've made the changes ... but once again the problem with IE is the same!

John what did I do wrong????

jscheuer1
07-01-2006, 05:33 AM
How should I know? Anyways, you can look at this demo:

http://home.comcast.net/~jscheuer1/side/news_h_2.htm

trukje
07-01-2006, 09:36 AM
I see in the example you don't use an external style sheet should it have something to do with that????
Damned I did everything exactly like you told me 2 and nothing has changed.
Man this is really depressing :(

jscheuer1
07-01-2006, 10:20 AM
The on page style could be external, it makes no difference, in fact, you could save:


.witlijnhoofdtabel {
margin: 0px;
background-image: url(bkgrndlijn1.gif);
border: thin solid #FFFFFF;
}
.copyrightonder {
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #DF2437;
text-align: center;
padding: 3px;
border-top-width: thin;
border-top-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}
.bovenbanner {
color: #FFFFFF;
background-color: #000000;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 10px;
border-bottom-width: thin;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}


body {
background-attachment: fixed;
background-color: #000000;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.headerkolom {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
border-bottom-width: medium;
border-bottom-color: #000000;
background-image: url(kolomhd.gif);
background-repeat: repeat-x;
border-bottom-style: double;
padding: 5px;
text-transform: uppercase;
}
.totaalkolom {
background-color: #FFFFFF;
border: thin solid #000000;
margin: 10px;
font-size: 12px;
color: #000000;
text-align: center;
font-weight: bold;
line-height: 14px;
}
#news {
text-align: left;
}
.celkolom {
padding: 4px;
border-bottom-width: thin;
border-bottom-style: dashed;
border-bottom-color: #C4C4C4;
}
.celkolomonder {
padding: 4px;
text-align: center;
}
.celkolomondernews {

}

as test.css if you like. Just make sure you no longer have any links to the old stylesheet.

trukje
07-01-2006, 11:02 AM
YES!!!! I finally got it!!!!

JOHN you're the best!!!

Thx a lot