0

サイトの右側のサイドバーの中央揃えに css と html を設定しています。ただし、ブログを読み込むと、テーマに合わせて css も読み込まれ、画像がサイドバーの左に右に移動します。

ここでライブをご覧ください: http://www.edvizenor.com/?p=blog&id=102

ブログのコンテンツを読み込んだときに画像が左に揃わないように修正するにはどうすればよいですか。

上記の他のリンクをクリックすると、画像が再び中央に移動することがわかります。

私のcssは次のようなリンクからロードされます:

<link href="css/main.css" rel="stylesheet" type="text/css" />

私の Wordpress コンテンツは、以下のコードから読み込まれます。しかし、テーマに独自のcssがどのように含まれているのかわかりません。ロード方法がわからないため、このコードを表示する方法はありません。wordpress コンテンツをロードする方法のみを示すことができます。これは次のように行われます。

<?
if(!$_GET[id])
{


$posts = get_posts();

foreach ($posts as $post) : start_wp(); ?>

  <br />
<table width="100%" cellpadding="0" cellspacing="0" id="blogHolder" name="blogHolder" >
  <tr>
    <td width="21%" rowspan="2" align="center" valign="middle">


    <div class="blogImage"><a href="http://www.EdVizenor.com/?p=blogContent&id=<? echo get_the_ID(); ?>"><? echo get_the_post_thumbnail($recent["ID"], array(133,133) ); ?></a></div> 

    <div class="blogDate">
    <table width="217" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="76"><? echo the_date();?></td>

    </tr>
</table>


    </div>    



    <img src="http://www.TimStaples.com/images/blogImageBox.png" width="177" height="177" /></td>
    <td width="79%" height="27"  valign="middle" class="blogTitle"><? echo the_title(); ?></td>
  </tr>
  <tr>
    <td  valign="top" background="http://www.TimStaples.com/images/blogBG2.png"><div class="blogContent">
      <? echo the_excerpt(); ?>

    <div class="readMore"><a href="http://www.EdVizenor.com/?p=blogContent&id=<? echo get_the_ID(); ?>"><img src="http://www.TimStaples.com/images/readMore.png" width="142" height="32" alt="Read More" /></a> </div>

    </div></td>
  </tr>
  <tr>

    </tr>
</table>
        <p>



<?php
endforeach;

}

if($_GET[id])
{
    $posts = get_posts('p=' . $_GET[id] .'');

    foreach ($posts as $post) : start_wp(); ?>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0" >
          <tr>
            <td align="right"><?php the_date(); ?></td>
          </tr>
          <tr>
            <td valign="middle" class="blogTitlePrint"><br />
              <?php the_title(); ?>
              <hr /></td>
          </tr>
          <tr>
            <td><?php the_content(); ?></td>
          </tr>


        </table>
    <br />

<?php
    endforeach;
}
?>
4

1 に答える 1

1

右側のサイドバーの要素を保持するクラスをテーブルに追加します。私はそれを「サイドテーブル」と呼んでいます。css に以下を追加します。

.side-table p { text-align: center; }
于 2013-09-23T09:57:11.413 に答える