Css issue to open a javascript link 1

[geneboss]

Hi all,
I'm a newbie in programing and have an issue here that hope someone can help me resolve.
I have an external link which will post a logo that opens a chat window into my website:

<div id="externallink" class="chat">
<script type="text/javascript" src="

http://..."></script>

</div>

I want this logo to be positioned in the location with the following css properties in my web page:

.chat {

border:none;

padding:0;

margin:0;

text-indentlicking lips999em;

overflow:hidden;

height:164px;

width:51px;

position:fixed;

left:0;

top:190px;

z-index:1000;

display:block;

}

I tried it with the css code above, but could not get it to work. It only shows the button but no action is taken when click to open the window! Your suggestions are greatly appreciated.

Regards

 

[traingamer]

Sounds like a JavaScript issue. Does it work without the css?

Greg
People demand freedom of speech as a compensation for the freedom of thought which they seldom use. Kierkegaard

 

[audiopro]

That is not a valid link to anything.
What are you trying to do?

Keith

http://www.studiosoft.co.uk

 

[vacunita]

I'm trying to understand his myself over at the JS forum:

thread216-1613990

What I have gathered, is he has a JS script which I have yet to be able to see, that generates a chatbox.



----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.

http://behindtheweb.blogspot.com/

 

[geneboss]

Thank you for your reply guys,
Yes it works without the css.

I know the link works because when I load the page, the automatic help window scrolls down from the top and from there I can open the chat box. But when I want to manually open the window by clicking on the corresponding button, the chat window won't open.
Here's the script:

<div id="division" class="chat">
<script type="text/javascript" src="

http://livehelp.company.com/livehel...rversession=1&amp;amp;pingtimes=15"></script>

</div>

 

[geneboss]

OK here's the javascript:

<div id="craftysyntax">
<script type="text/javascript" src="

http://livehelp.hiresafe.com/lifehe...p;serversession=1&amp;pingtimes=15"></script>

</div>

if you try this and put anywhere into your website, it works.
What I want is for the button to appear as described in the css file.

I hope this clarifies the situation.

 

[audiopro]

It works without CSS

There is no button in that code - only a partial link.

Keith

http://www.studiosoft.co.uk

 

[geneboss]

The button is remote. If you use the code it appears on you webpage.

 

[audiopro]

The issue is a Javascript problem not HTML.

'text-indentlicking lips999em' is not valid css.

Keith

http://www.studiosoft.co.uk

 

[geneboss]

sorry, it was typo on my part. here's the correct css code:
it must have been changed by itself when I pasted it.

.chat {
border:none;
padding:0;
margin:0;
text-indent: -9999em;
overflow:hidden;
height:164px;
width:51px;
position:fixed;
left:0;
top:190px;
z-index:1000;
display:block;
}

there's no invalid css code.

 

[audiopro]

Thought it might have been a typo.
How do you want it to be displayed?
Your CSS appears over complicated.

Keith

http://www.studiosoft.co.uk

 

[geneboss]

I know the css code is correct because if you add a test background:transparent url(../images/online6.png) no-repeat 0 0;

it will show the image at it's location.

the css recognizes the remote image and it is visible when loading the page. The problem is the clicking part on the remote button that does not work and won't open the chat window.

Now..if you don't use the css and only use the remote script and place it anywhere on your page..it works perfectly...

The issue is how to combine these two and make it work.

 

[geneboss]

Thank you Audiopro for trying to help me.
Vacunita solved the issue.
I had to remove text-indent. and it did it.

Regards
geneboss