3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

Inline CSS - line up image with a video - WP

by lightcam
2 replies
  • WEB DESIGN
    • |
I need some help lining up an image with a video using inline CSS

My video is hosted by AmazonS3 and player from Easy Video Player.

I added the script from EVP to my Home page and the video is playing at the top... all good.
I added some code I found on another forum, but not exactly what I was after.
Here is the code I used:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Video Goes Here</td>
<td>Image goes Here</td>
</tr>
</table>

If you want to see what I've done so far, check out: http://howtogetpregnantwithpcos.com

I would like to have the image next to the video, without a table.

Is there a list of codes some where that I can look at?

Thanks experts
#css #image #inline #line #video
  • Profile picture of the author SmartWeb
    Originally Posted by lightcam View Post

    I need some help lining up an image with a video using inline CSS

    My video is hosted by AmazonS3 and player from Easy Video Player.

    I added the script from EVP to my Home page and the video is playing at the top... all good.
    I added some code I found on another forum, but not exactly what I was after.
    Here is the code I used:

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>Video Goes Here</td>
    <td>Image goes Here</td>
    </tr>
    </table>

    If you want to see what I've done so far, check out:

    I would like to have the image next to the video, without a table.

    Is there a list of codes some where that I can look at?

    Thanks experts

    I got the cause for the problem.
    You need to edit one line in your file,
    wp-content/themes/eos/style.css


    search for this code
    -------------------
    .post th, .post td { border:1px solid #ccc; padding:3px 10px; text-align:left; vertical-align:top; } -------------------

    and replace with this one
    -------------------
    .post th, .post td { border:0px solid #ccc; padding:3px 10px; text-align:left; vertical-align:top; } ------------------

    and the problem of table border would go away.

    your theme style sheet is configured to provide that thin border to all tables you use in your blog post.

    but please note that after the above changes, you would NOT see border to any table you use in your blog post.
    Signature
    Smart Web Solutions
    {{ DiscussionBoard.errors[2664987].message }}
    • Profile picture of the author lightcam
      That's awesome, thanks SmartWeb

      Mark
      {{ DiscussionBoard.errors[2665297].message }}

Trending Topics