Thread: Center a Video on Wordpress

Originally Posted by MikeDVB

Makes me feel silly, it's been a while since I've messed with HTML/CSS

You are being too shielded from code by your WYSIWYG editors and dreamweaver.

Originally Posted by Keldorn

You are being too shielded from code by your WYSIWYG editors and dreamweaver.

Nah, these days I just pay people to deal with such things... I tend to deal with the coding itself (PHP, Perl, etc)

Originally Posted by MikeDVB

I tend to deal with the coding itself (PHP, Perl, etc)

Hi,

Maybe someday I'll get that advanced Right now I am still working on the simple stuff.

I'm just like a two year old when it comes to this stuff. With lots of Why's?

Butterflies Forever

Sami

Originally Posted by Sami4u

Hi,

Maybe someday I'll get that advanced Right now I am still working on the simple stuff.

I'm just like a two year old when it comes to this stuff. With lots of Why's?

Butterflies Forever

Sami

You have to start somewhere! I was at that point once although it has been quite some time

align attribute is not recommended.

wrap your video in a two divs.

Div #1 has the class "vid-box"
Div #2 has the class "vid-wrap"

HTML

Code:

<div class="vid-box">
  <div class="vid-wrap">
        <!--video code here-->
  </div>
</div>

CSS

Code:

.vid-box {text-align:center; width:99%;}
.vid-wrap {margin:0 auto; text-align:left;}

Originally Posted by Aziz

align attribute is not recommended.

wrap your video in a two divs.

Div #1 has the class "vid-box"
Div #2 has the class "vid-wrap"

HTML

Code:

<div class="vid-box">
  <div class="vid-wrap">
        <!--video code here-->
  </div>
</div>

CSS

Code:

.vid-box {text-align:center; width:99%;}
.vid-wrap {margin:0 auto; text-align:left;}

Isn't that over-complicating it a bit or is this to make it better for cross-browser compatibility.

Originally Posted by MikeDVB

Isn't that over-complicating it a bit or is this to make it better for cross-browser compatibility.

this is for cross-browser compatibility, specially for IE

Originally Posted by dmi

Code:

<div align="center">
video goes here
</div>

Even better,

just use:

<center>VIDEO EMBED CODE</center>

Originally Posted by chrisfletcher

even better,

just use:

<center>video embed code</center>

warning: deprecated tag. No longer w3 valid for standard xhtml doctypes

I laugh when I see a template using <center>. That is defiantly 1999 style, Who uses that anymore! Well Apparently only newbie webmasters.

Something I can't understand is that <b></b> is deprecated and they recommend <strong>?
<b> is a lot faster to type. I would rather keep using <b>.