18 {{ upvoteCount | shortNum }}
18 {{ upvoteCount | shortNum }}

A Little Help Please?

by Hackbridge
15 replies
  • WEB DESIGN
    • |
I'm trying to position a virtual presenter on my home page. But it's looking a bit crowded.

Can anyone help me with placing the VP on the left hand side of the page :

This is the page -> Welcome To http://www.brian-morgan.info/

I ONLY want help on positioning the VP. Nothing else!

Thank you very much.

Brian
#html #virtual presenter #website help
  • Profile picture of the author Steve B
    Brian,

    Are you asking how to do this from a technical standpoint? or are you just wondering where the presenter would best fit on the page?

    If it's the latter, in my opinion, she would look best to the immediate left of your opt-in boxes.

    Steve
    Signature

    Steve Browne, online business strategies, tips, guidance, and resources
    SteveBrowneDirect

    {{ DiscussionBoard.errors[8461718].message }}
    • Profile picture of the author Hackbridge
      Originally Posted by Steve B View Post

      Brian,

      Are you asking how to do this from a technical standpoint? or are you just wondering where the presenter would best fit on the page?

      If it's the latter, in my opinion, she would look best to the immediate left of your opt-in boxes.

      Steve
      Hi Steve,

      Yes to both instances. I agree with you about the positioning. Because the page is html and not WP I've found it a tad difficult to determine how best to present my main website's page which is why it's sparse.

      However, I've been given this opportunity to place the VP using a script and I will roll this out to other pages but as you say, ideally it needs to be on the immediate left but I don't know how to do it.

      Thanks again.

      Brian
      Signature
      Looking For Top Amazon Keywords? Look no further NO CHARGE ;-)
      {{ DiscussionBoard.errors[8461734].message }}
  • Profile picture of the author stoltingmediagroup
    [DELETED]
    {{ DiscussionBoard.errors[8461736].message }}
    • Profile picture of the author Hackbridge
      Originally Posted by stoltingmediagroup View Post

      Bottom left. I'm looking at your source code but can't quite see how you got the positioning :confused:

      Thank you

      Brian
      Signature
      Looking For Top Amazon Keywords? Look no further NO CHARGE ;-)
      {{ DiscussionBoard.errors[8461768].message }}
      • Profile picture of the author stoltingmediagroup
        Originally Posted by Hackbridge View Post

        Bottom left. I'm looking at your source code but can't quite see how you got the positioning :confused:

        Thank you

        Brian

        You need to use CSS to position the video on your website

        To use CSS positioning for your video, insert your video code at the bottom of your page, just before the closing </body> tag. Then simply follow steps a. and b. below:

        a. Add the following <style> code in your HTML <head>. Note: this allows you to position your video with a pixel offset. The offset is relative to the top or bottom of your webpage, and relative to the left or right of your webpage.

        <style type="text/css">
        #box {
        position: absolute;
        bottom: 5;
        left: 15;

        }
        </style>


        b. Wrap this <div> container around the video code in your webpage's <body>. (The code in insert.txt):

        <div id="box"> ** Your video code... ** </div>
        Signature
        Arnold Stolting - Stolting Media Group
        "I LOVE The Song! The Vibe Is Positive And Firm!" - Kymani Marley. (Son of Bob Marley).
        "Very High Quality!" Jeremy Harding - Manager / Producer. Sean Paul.
        "They Are FANTASTIC!" - Willie Crawford.
        {{ DiscussionBoard.errors[8461780].message }}
        • Profile picture of the author Hackbridge


          Not sure what I'm doing wrong. I'm trying to show in this muted video where I've put the code.

          When I look at the Virtual Presenter, she's a tad to the left but not a lot. Also, if I increase the "left" settings it doesn't do much difference

          I really appreciate the help - thanks!

          Brian

          Originally Posted by stoltingmediagroup View Post

          You need to use CSS to position the video on your website

          To use CSS positioning for your video, insert your video code at the bottom of your page, just before the closing </body> tag. Then simply follow steps a. and b. below:

          a. Add the following <style> code in your HTML <head>. Note: this allows you to position your video with a pixel offset. The offset is relative to the top or bottom of your webpage, and relative to the left or right of your webpage.

          <style type="text/css">
          #box {
          position: absolute;
          bottom: 5;
          left: 15;

          }
          </style>


          b. Wrap this <div> container around the video code in your webpage's <body>. (The code in insert.txt):

          <div id="box"> ** Your video code... ** </div>
          Signature
          Looking For Top Amazon Keywords? Look no further NO CHARGE ;-)
          {{ DiscussionBoard.errors[8462094].message }}
    • Profile picture of the author Steve B
      Brian,

      I'm not an HTML expert or even close to it, but I think one solution would be to set up two tables, side by side in the center of your page and put the presenter script in the left box and the opt-in box code in the right box. Then you could adjust the positioning for each within the box itself.

      Steve
      Signature

      Steve Browne, online business strategies, tips, guidance, and resources
      SteveBrowneDirect

      {{ DiscussionBoard.errors[8461770].message }}
  • Profile picture of the author Hackbridge
    Thank you Steve B and Arnold. My PC just crashed so I'll try the latter asap.

    Thanks again

    Brian
    Signature
    Looking For Top Amazon Keywords? Look no further NO CHARGE ;-)
    {{ DiscussionBoard.errors[8461802].message }}
  • Profile picture of the author Hackbridge
    I've got a test page I can try. My basic html has the <html> ; <title> and then <body>. Where can I fit in the <head>?

    Thanks

    Brian
    Signature
    Looking For Top Amazon Keywords? Look no further NO CHARGE ;-)
    {{ DiscussionBoard.errors[8461851].message }}
  • Profile picture of the author stoltingmediagroup
    I do see a <head> in your main page. Maybe just work with that.
    Signature
    Arnold Stolting - Stolting Media Group
    "I LOVE The Song! The Vibe Is Positive And Firm!" - Kymani Marley. (Son of Bob Marley).
    "Very High Quality!" Jeremy Harding - Manager / Producer. Sean Paul.
    "They Are FANTASTIC!" - Willie Crawford.
    {{ DiscussionBoard.errors[8461876].message }}
  • Profile picture of the author stoltingmediagroup
    Try adding px into the code like so:

    <style type="text/css">
    #box {
    position: absolute;
    bottom: 5px;
    left: 15px;

    }
    </style>

    and then try messing with the numbers.
    Signature
    Arnold Stolting - Stolting Media Group
    "I LOVE The Song! The Vibe Is Positive And Firm!" - Kymani Marley. (Son of Bob Marley).
    "Very High Quality!" Jeremy Harding - Manager / Producer. Sean Paul.
    "They Are FANTASTIC!" - Willie Crawford.
    {{ DiscussionBoard.errors[8462166].message }}
  • Profile picture of the author Hackbridge
    Okay. Thanks for that.

    Brian
    Signature
    Looking For Top Amazon Keywords? Look no further NO CHARGE ;-)
    {{ DiscussionBoard.errors[8462316].message }}
  • Profile picture of the author paulphillips1706
    Nah - the above won't work.

    You need to add the styling to the actual container:

    #2254-haydee {
    z-index: 2147483647;
    position: fixed;
    left: 5px;
    bottom: 0px;
    }
    {{ DiscussionBoard.errors[8462420].message }}
    • Profile picture of the author Hackbridge
      Originally Posted by paulphillips1706 View Post

      Nah - the above won't work.

      You need to add the styling to the actual container:

      #2254-haydee {
      z-index: 2147483647;
      position: fixed;
      left: 5px;
      bottom: 0px;
      }
      I've tried to place that between the <style> tags:

      <style type="text/css">
      #2254-haydee {
      z-index: 2147483647;
      position: fixed;
      left: 5px;
      bottom: 0px;
      }
      </style>

      Haydee is still on the right hand side
      Welcome To http://www.brian-morgan.info/

      Thanks

      Brian
      Ps And for some reason I see a 'image' link for the home page just beside the Haydee presenter :confused:
      Signature
      Looking For Top Amazon Keywords? Look no further NO CHARGE ;-)
      {{ DiscussionBoard.errors[8462469].message }}
  • Profile picture of the author paulphillips1706
    If it's plugin/referred script, it may be generating the css on the fly.

    Does their documentation have any info on positioning?

    Out of interest, you may be able to override their css with:

    <style type="text/css">
    #2254-haydee {
    right: 90% !important;
    }
    </style>
    {{ DiscussionBoard.errors[8464285].message }}
  • Profile picture of the author arilev
    Hi Brian
    you should try VideoStir - they offer lots of controls and a DIY solution to creating and embedding a virtual presenter
    {{ DiscussionBoard.errors[9513181].message }}

Trending Topics