0

我正在尝试向一个简单的网页添加一个左列,该网页主要是用 CSS 和 HTML 构建的。它基本上只是一个中心的图像,下面有文字,右边有一个小列描述它。我试图让它看起来像一张宝丽来图像,我想我已经把它记下来了,但是我在向网站添加带有文本的左栏时遇到了麻烦......

谁能帮我一把?

我希望左列目前大约是左侧边距的大小......

到目前为止,这是整个网站:https ://www.dropbox.com/s/kpr1wy18uvv1ez5/picturesoftoday.zip

我尝试创建一个 div 'leftcol' 然后让它浮动:left; 宽度:200px;背景颜色:ccc;但似乎没有任何效果。

对不起初学者的问题..

谢谢,卢卡斯

4

3 回答 3

1

卢卡斯,

试试这个 -

将此用于样式:

.leftcol {
    width:170px;
    height:auto;
    float:left;
 }

.polaroid {
    width:930px
    height:auto;
    float:left;
 }

.polaroid img {
    border: 20px solid #fff;
    border-bottom: 75px solid #fff;
    -webkit-box-shadow: 5px 5px 5px #778;
    -moz-box-shadow: 5px 5px 5px #778;
    box-shadow: 5px 5px 5px #778;
  }

将此用于 HTML:

  <div class="leftcol">
     <p>Whatever you want in your left column</p>
    </div>
    <div class=polaroid">
       <p>October 29th, 2012<p>
       <img src="images/today.jpg" width="1000" height="670" border="0" />
    </div>

如果您要将一个 div 向左浮动,请确保如果您想要它旁边的一个 div 将它们都向左浮动。

于 2012-10-30T07:04:13.130 回答
0

您可以将 css 属性分配给您的 div 以使其具有边距的大小。动态地您可以在onload 函数中设置div='leftcol'的宽度。

并使其修复,样式位置:固定;将解决您的问题。固定位置元素相对于视口或浏览器窗口本身定位。

于 2012-10-30T06:56:20.653 回答
0

我继续在.leftcol页面左侧添加一列,宽度为 200 像素。这很粗糙,但我认为这就是你正在尝试的。您将body选择器的格式设置为类,因此我删除了句点。我还告诉您的.polaroiddiv 与.leftcol

http://dl.parkrr.com/picturesoftheday.zip

希望这可以帮助!

于 2012-10-30T07:03:30.970 回答