Question

我的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;
}
?>

Answer 1

在表格中添加一个类，其中包含右侧边栏中的元素。我称之为“边桌”。在你的CSS中添加以下内容：

.side-table p { text-align: center; }

wordpress css加载到页面覆盖主css

1 个答案: