CodingForums.com - position not stationary help urgent

CodingForums.com (http://www.codingforums.com/index.php)

- HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)

- - position not stationary help urgent (http://www.codingforums.com/showthread.php?t=284582)

position not stationary help urgent

Attachment 11812Hi there Merry chrsitmas to you all. can someone assist me here trying to position a image for our online radio station at www.vikingradio.net/index2a.php . This is a test page only you will see the ON AIR image is moving about. Tryed using absolute and all sorts of padding etc still wont work for me.

Ron
Vikingradio.net

Hello ronuk99,
Put your "on air" in #container and make #container relative.
Look at this quick tutorial for an explanation.

I put it inside of your header

Under:

Code:

<div id="whatsOnNow"><div class="Shows"><div class="day">Sunday <i>now: Sun 0:30:08</i></div><div class="Sitem">

<div class="indicator"><img src="/whatsOnNow/onAirNow.png" alt="NOW"></div><div class="showtime">00.00-06.00</div><div class="descr">JUKEBOX HOT 100</div><div class="sep"></div></div>

<div class="Sitem">

<div class="indicator">&nbsp;</div><div class="showtime">06.00-07.00</div><div class="descr">RADIO OUTREACH</div><div class="sep"></div></div>

<div class="Sitem">

<div class="indicator">&nbsp;</div><div class="showtime">07.00-12.00</div><div class="descr">JUKEBOX HOT 100</div><div class="sep"></div></div>

<div class="Sitem">

<div class="indicator">&nbsp;</div><div class="showtime">12.00-14.00</div><div class="descr">RODNEY COLLINS SHOW</div><div class="sep"></div></div>

<p class="pclear"></p>

</div></div>

New css

Code:

position: relative;

margin: 0;

padding: 0 0 0 0;

z-index: 1;

float: right;

font-size: 12px;

left: -116px;

top: -92px;

I couldn't remove the other one because you have some sort of refresh JavaScript replacing it every 5 seconds which is pretty stupid.

Quote:

Originally Posted by ronuk99 (Post 1301746)

Just a question; are you self scripting this website? Or you grabbing scripts/styles from tutorials and sources (open-source I hope)

:)

yes the refresh is to check server is on or off as we need to monitor thanks for your help greatly appreciated and merry christmas to you all

ron

Quote:

Originally Posted by tempz (Post 1301755)

I put it inside of your header

Under:

Code:

<div id="whatsOnNow"><div class="Shows"><div class="day">Sunday <i>now: Sun 0:30:08</i></div><div class="Sitem">

<div class="indicator"><img src="/whatsOnNow/onAirNow.png" alt="NOW"></div><div class="showtime">00.00-06.00</div><div class="descr">JUKEBOX HOT 100</div><div class="sep"></div></div>

<div class="Sitem">

<div class="indicator">&nbsp;</div><div class="showtime">06.00-07.00</div><div class="descr">RADIO OUTREACH</div><div class="sep"></div></div>

<div class="Sitem">

<div class="indicator">&nbsp;</div><div class="showtime">07.00-12.00</div><div class="descr">JUKEBOX HOT 100</div><div class="sep"></div></div>

<div class="Sitem">

<div class="indicator">&nbsp;</div><div class="showtime">12.00-14.00</div><div class="descr">RODNEY COLLINS SHOW</div><div class="sep"></div></div>

<p class="pclear"></p>

</div></div>

New css

Code:

position: relative;

margin: 0;

padding: 0 0 0 0;

z-index: 1;

float: right;

font-size: 12px;

left: -116px;

top: -92px;

I couldn't remove the other one because you have some sort of refresh JavaScript replacing it every 5 seconds which is pretty stupid.

yes im just grabbing bits and peices from different sources . it was 3 months ago i started learning so still learning slowly

ron

Under:

Code:

<div id="whatsOnNow"><div class="Shows"><div class="day">Sunday <i>now: Sun 0:30:08</i></div><div class="Sitem">

<div class="indicator"><img src="/whatsOnNow/onAirNow.png" alt="NOW"></div><div class="showtime">00.00-06.00</div><div class="descr">JUKEBOX HOT 100</div><div class="sep"></div></div>

<div class="Sitem">

<div class="indicator">&nbsp;</div><div class="showtime">06.00-07.00</div><div class="descr">RADIO OUTREACH</div><div class="sep"></div></div>

<div class="Sitem">

<div class="indicator">&nbsp;</div><div class="showtime">07.00-12.00</div><div class="descr">JUKEBOX HOT 100</div><div class="sep"></div></div>

<div class="Sitem">

<div class="indicator">&nbsp;</div><div class="showtime">12.00-14.00</div><div class="descr">RODNEY COLLINS SHOW</div><div class="sep"></div></div>

<p class="pclear"></p>

</div></div>

New css

Code:

position: relative;

margin: 0;

padding: 0 0 0 0;

z-index: 1;

float: right;

font-size: 12px;

left: -116px;

top: -92px;

I couldn't remove the other one because you have some sort of refresh JavaScript replacing it every 5 seconds which is pretty stupid.[/QUOTE]

Quote:

Originally Posted by ronuk99 (Post 1301759)

yes im just grabbing bits and peices from different sources . it was 3 months ago i started learning so still learning slowly

ron

I recommend you use WordPress, it's pretty simple if you want to add content to your website; it's open source so you only have to pay for theme which you can get a wide range of DJ, Radio, Music themes.

note: there is a large range of free themes on their website.

Here is a good website for music themes: http://band-themes.com/

You can use Zend Frame work if you're a experienced PHP programmer.