0

ここに私のサイトがあります: http://oldtimesdaily.tumblr.com/

今はtumblrを使って写真や動画を投稿しています。残念ながら、「写真」と「ビデオ」オプションを使用すると、タイトルを付けることができないため、代わりに「テキスト」オプションを使用して、写真とビデオを埋め込むだけです。

現在の問題は、埋め込まれた YouTube ビデオが写真と並んでいないことです。50px の左余白を入れた私の写真は完璧に並んでいますが、YouTube の動画も同じようにするにはどうすればよいですか? CSSコードは次のとおりです。

。役職 {

        /*    background: url('http://s23.postimg.org/5fvqrgozv/Post2.png') repeat-y center top; */
             background-color: white;     

            width:1000px; /* editable */ 
            margin: 0px 0px 0px; /* test*/
            line-height: 1.4; 
            }

            .Post img {

                margin: 0px 50px 50px 70px;  /* editable */         
                max-width: 100%;
                -webkit-box-shadow: #444 0px 0px 6px;
                -moz-box-shadow:    #444 0px 0px 6px;
                {block:PermalinkPage} 
                  width: 625px;
                {/block:PermalinkPage} /*editable

そして {block:Post} {block:Posts} 

            {block:Text}
              {block:IndexPage}

             <div id="postlinks">
             <div class="fb-like" data-href="{ShortURL}" data-send="false" data-layout="box_count" data-width="100" data-show-faces="true" data-font="arial">

              </div>
              </div>
              {/block:IndexPage}

               <div class="Text">
                {block:Title}
                <a href="{Permalink}" target="_blank" class="Title">{Title}</a> 

                {/block:Title}

                <div class="PostBody">{Body}</div>
            </div>


            {/block:Text}
4

1 に答える 1

0

次のように、img の css ルールに iframe-tag を追加できます。

.Post img, iframe {

            margin: 0px 50px 50px 70px;  /* editable */         
            max-width: 100%;
            -webkit-box-shadow: #444 0px 0px 6px;
            -moz-box-shadow:    #444 0px 0px 6px;
            {block:PermalinkPage} 
              width: 625px;
            {/block:PermalinkPage} /*editable

ここに示す例: http://i.imgur.com/YTPg9p8.png

于 2013-06-29T17:35:29.033 に答える