Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Jun 2012
    Posts
    29
    Thanks
    6
    Thanked 0 Times in 0 Posts

    position not stationary help urgent

    onair.txtHi 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

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,744
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello ronuk99,
    Put your "on air" in #container and make #container relative.
    Look at this quick tutorial for an explanation.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    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.

  • Users who have thanked tempz for this post:

    ronuk99 (12-23-2012)

  • #4
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Quote Originally Posted by ronuk99 View Post
    onair.txtHi 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
    Just a question; are you self scripting this website? Or you grabbing scripts/styles from tutorials and sources (open-source I hope)


  • #5
    New Coder
    Join Date
    Jun 2012
    Posts
    29
    Thanks
    6
    Thanked 0 Times in 0 Posts

    reply

    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 View Post
    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.

  • #6
    New Coder
    Join Date
    Jun 2012
    Posts
    29
    Thanks
    6
    Thanked 0 Times in 0 Posts

    reply

    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]

  • #7
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Quote Originally Posted by ronuk99 View Post
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •