go41

Re: need your quick help with a simple DIV/CSS positioning issue :: Reply by omerkhan01

von Joern am 9. Mai. 2010 | Keine Kommentare

Hi,
Here is what I have done.
<div class="live">
<font color="white">The Secret
</div>
But when I make any changes to the top/bottom or left/right margin, the text does not move. Isn’t it supposed to move to the right/left or top/bottom when I make changes to the CSS?
.live{
position:relative;

margin-top:-10px;

margin-left:25px;

float:left;

font-size:0.7em;

font-color:white;
The reason I was testing this with some random text is because in the random text’s place, II want to put a "Live chat icon" whereby my clients can click on it and speak with our sales rep live online.
So I have put the code for Livezilla in a table and that table in the <div="live"
Like this.
<div class="live">

<table width="169" border="0">

<tr>

<td width="159"><!– http://www.LiveZilla.net Chat Button Link Code –><div style="text-align:center;width:153px;"><img src="http://www.maaximumseduction.com/livezilla/image.php?id=01&f=gif" width="114" height="47" border="0" alt="LiveZilla Live Help"><noscript><div>Start Live Help Chat</div></noscript><div style="margin-top:2px;">LiveZilla Live Help</div></div><!– http://www.LiveZilla.net Chat Button Link Code –><!– http://www.LiveZilla.net Tracking Code –><div id="livezilla_tracking" style="display:none"></div><script language="JavaScript" type="text/javascript">var script = document.createElement("script");script.type="text/javascript";var src = "http://www.maaximumseduction.com/livezilla/server.php?request=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById(‚livezilla_tracking‘).appendChild(script)",1);</script><!– http://www.LiveZilla.net Tracking Code –></td>

</tr>

</table></div>
But it still doesn’t change when make changes to the margin value’s in CSS.
See here is a screenshot of what it looks like.
click here
As you can see, the chat icon is at the same length as the body container and in fact caused it to shift down, leaving all of that black space at the top. HOw do you move both the chat icon and the main contianer back to the top? Also, how do you move one up or down independent of the other?
Thanks
Omar

(von: omerkhan01)

Hier noch 4 weitere Ergebnisse dieses Threads:

need your quick help with a simple DIV/CSS positioning issue

9. Mai. 2010 (von: omerkhan01)

I have created a new div region in index.php of my arthemia blog.I have named it.<div class="live><font color="white">testing</div>Here is the CSS info..live{ position:relative; top:100px; left:-20px;margin-left:25px;font-size:0.7em;font-color:white; }Nothing happens. The text doesn't change. What am I doing wrong?ThanksO Weiterlesen →

Re: need your quick help with a simple DIV/CSS positioning issue :: Reply by Joern

9. Mai. 2010 (von: Joern)

copied from source code of your site it looks like this:<div class="live><font color="white">lkj;lkj;kj</font></div>In div class live you forgot the double quotes (") on the right.So in font color the quotes are renderd as smart quotes or curly quotes, no idea,…

Re: need your quick help with a simple DIV/CSS positioning issue :: Reply by Joern

9. Mai. 2010 (von: Joern)

position relative might keep it in that area. With position absolute I think you have more chances to move it, position fixed would keep it on top of the screen and even not scrolling.You have to load it in that…

Re: need your quick help with a simple DIV/CSS positioning issue :: Reply by omerkhan01

9. Mai. 2010 (von: omerkhan01)

Worked perfectly. Thanks! Weiterlesen →

Autor:

Du findest mich auch auf Google+, Twitter und Facebook!

Schreibe einen Kommentar

Pflichtfelder sind mit * markiert.


weitere forum Beiträge: