2013-09-23 3 views
0

내 CSS와 HTML이 내 사이트의 오른쪽 사이드 바 중앙에 정렬되도록 설정했습니다. 그러나 블로그를로드하면 테마와 함께 CSS가로드되고 이미지가 오른쪽의 사이드 바 왼쪽으로 이동합니다. wordpress CSS가 메인 CSS를 덮어 씌우고로드

는 여기에 살고 참조 : 나는 블로그 콘텐츠를로드 때 왼쪽에 정렬되지 않도록 http://www.edvizenor.com/?p=blog&id=102

가 어떻게 이미지를 수정할 수 있습니다.

위의 다른 링크를 클릭하면 이미지가 센터 으로 다시 이동하는지 확인할 수 있습니다. 이 같은 링크에서

내 CSS로드 : 아래 코드에서

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

내 워드 프레스 컨텐츠로드됩니다. 그러나 나는 그것을 자신의 CSS를 테마와 함께 포함하는 방법을 모르겠다. 어떻게로드 할 지 모르겠으므로이 코드를 으로 표시 할 방법이 없습니다.

<? 
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; 
} 
?> 
+0

질문을 질문 자체에 : 당신의 CSS에서 는 다음을 추가합니다. 자세한 내용은 SSCCE.org를 참조하십시오. (하지만 나는 -1이 아니었다. 아직 잘 묘사되어있다.) – dhein

답변

1

가 오른쪽 사이드 바의 요소를 보유하고 테이블에 클래스를 추가 : 난 단지 내가 워드 프레스 내용 을로드하고이 같은 수행하는 방법을 표시 할 수 있습니다. 나는 그것을 "보조 테이블"이라고 부르고있다. **과 **을 재현하는 유효한 코드를 포함 - - 당신이 특정 문제를 설명해야한다 작성한 코드에 문제와 관련된

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

그게 다야! 나는 그것이 이처럼 단순한 것임을 알았다. @Mihai에게 많은 감사를드립니다! –

관련 문제