I have to find a code for a banner effect in js, like this

a marquee -like effect.
I don't know any js.
I found something in the net but , while it works if is the only code in the page, when I put the code in the complex page, plenty of html ,it messed up all things, no matter when I place it ( in the head , in the body..) , the links disappeared.. a mess.

I need a working code for the banner: many of you are real programmers, help me with some tips.

I'm no good with javascript so I can't help with code. But couldn't you actually use a html marquee (although they seem to annoy most people).. and put the image in that?

I can't offhand remember if it's depreciated or not though but:

<marquee behavior="alternate" width="100%" height="100px"><img src="image.jpg" /></marquee>

That should bounce back and forth too..

EDIT: I forgot to mention that you must be aware that it won't render in all browers. But does work with Firefox and IE. So you're safe with those two.. Though I'm not sure the web standards guys will be too happy.

The first thing that I tryed..the page does not accept this tag ( that is illegal or something , I found) so I tryed with JS only for stuck myself for a whole day

Funny, it just worked with me. Where does it say it's illegal? Did you try editing the webpage with notepad or are you using some other sort of editor?

Using both NVU and Frontpage and the file manager of the website..it does not work.

Using those kind of editors probably won't let you add that code, since the marquee command was originally microsoft only, they don't recognise it. Maybe you should try getting the html file, editing it in notepad and then reuploading it..

here is the code
Code:

---

  <div style="z-index: 2; left: 0pt; width: 116px; position: absolute; top: -1px; height: 100px; ;" id="bannerc"> 
    <div class="menuBar" style="position: absolute; top: 550; width: 123; height: 100; left: 300"> 

  <marquee>
  <table><tr><td><a href="http://www.etica.net/2007/news2007.htm"><img src="bannerc.gif" width="450" height="103"></a></td></table>
     </marquee></div>

---

For some strange reason , it make the other images , disappear.

Code:

---

<div style="z-index: 2; left: 0pt; width: 116px; position: absolute; top: -1px; height: 100px; ;" id="bannerc">
<div class="menuBar" style="position: absolute; top: 550; width: 123; height: 100; left: 300"> 

<marquee>
<table><tr><td><a href="http://www.etica.net/2007/news2007.htm"><img src="bannerc.gif" width="450" height="103" /></a></td></tr></table>
</marquee>

</div>
</div>

---

Try that, there were a lot of unclosed tags.

The page does not see the css , now. How can a simple marquee make the css invisible?

This stupid thing is driving me crazy

For a start you're including inline styles as well as references to the stylesheet (with id and class in the div tags), maybe that has something to do with it.. I think it would be best to either stick to one or the other in order to avoid confusion.

Also are you sure that in the first div tag; that 'id="bannerc"' should be an id and not a class (I couldn't tell you without looking at your CSS code.)

Also make sure that you have actually included the stylesheet!
You may have forgotten to link it to the HTML page.


Sorry if I'm not really helping. I'm just throwing a few ideas at you so you can look through the code to see what may be wrong without having to post the whole thing online.

I'm off for the evening now anyway.
If you're still having problems just email me and I'll take a look ASAP. (cobra_kai[at]ntlworld.com)