WordPress Chinese Forums's Archiver

lighting2000 发表于 2008-11-13 07:18

请教一个关于css问题

我在改一个主题的时候遇到这个难题,求解!!代码[code]
<html>
<head>
  big{
  padding:0 10px;
  clear:both;
  }

  #1{
  width:629px;
  float:left;
  padding-bottom:20px;
  background: #999;
  }
  ul{
  padding:0;
  }
  ul li{
  background: #888;
  border: 10px solid #FFFF88;
  }
  h4{
  display: block;
  width:200px;
  text-align:center;
  margin-top:-20px;
  float:left;
  background-color: #344;
  padding: 0 8px;
  font-size:2em;
  }
  #left {
  clear: left;
  width:0;
  background-color:#CDEB8B;
  }
  #right{
  width: 470px;
  }
<head>
<body>
<div id="big">
<div id="1">
  <ul>
   <li>
    <h4>123456789</h4>
    <div id="left">   
     <a><img style="width:80px;height:120px" src=""></a>
    </div>
    <h2>
   <div id="right">
    <a>2008-11-13</a>
    <a>影片“原汁原味”的演员设置还会是影片最大的看点之一。不过,时至今日,《神奇四侠》的几位主演仍称不上是好莱坞纯一线的演员。也就是影片的女一号杰西卡·阿尔巴凭借其先天的个人条件以及近两年来不断的出镜表现,才勉强登堂入室。</a>
    </div>
    </h2>
   </li>
  </ul>
</div>
</div>
<BODY>[/code]要达到的效果是图片与文字水平排列,而且文字部分的日期是单独的一行。不知道俺表达的清楚不?

[[i] 本帖最后由 lighting2000 于 2008-11-13 07:54 编辑 [/i]]

lighting2000 发表于 2008-11-13 07:47

在线等解,我试了很多种办法,始终不能达到我想要的效果!!:L :L

lighting2000 发表于 2008-11-13 08:20

最外面两个层不能改,里面的都可以修改

wp_dark 发表于 2008-11-13 10:42

left要float:left;
right要float:left; 或者right 也行
left,right都要指定大小,
日期后面换行用<br /> 。。。
文字段落用<p>   你干吗都用<a>标签。。。

lighting2000 发表于 2008-11-13 18:59

多谢兄弟,我试试看

hongtao 发表于 2008-11-13 19:08

inline

lighting2000 发表于 2008-11-13 20:05

哪个属性改为inline??

页: [1]

Powered by Discuz! Archiver 7.0.0  © 2001-2009 Comsenz Inc.