聯成電腦技術論壇

 找回密碼
 註冊
搜索
查看: 1324|回復: 2

[問題] 請問css圖文下移問題

[複製鏈接]
發表於 2010-9-13 19:23:55 | 顯示全部樓層 |閱讀模式
想請教老師
如圖片上用紅色框起來的地方
用css分割的
可是圖片和文字都往下跑了
是要修改什麼語法
才會正常顯示
語法如下
謝謝!!

body {


font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
padding: 0;
margin: 0;
background: #eef1ed;
}
#wrapper {
width: 770px;
margin: 0 auto;
border: 1px solid #eef1ed;
background: url(images/forest.jpg) repeat-x bottom;

}

#border {
width: 748px;
margin: 0 auto;
height: 135px;
padding: 10px;
border: 1px solid #eef1ed;
border-top: 1px dashed #ccc;
border-left: 1px dashed #ccc;
border-right: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
border-right: 1px dashed #ccc;
background: url(images/header.jpg) repeat-x bottom;
background-repeat: no-repeat;

}

#button {
width: 770px;
height: 27px;


}

.img{float : left; }

table {
  border-collapse: separate;
  border-spacing: 0.25em 0.5em;
}

td {
  border: 1px solid #ccc;
}



/* Begin Parent right Column --------------------------------------------------------------------- */

#rightcolumn {
padding: 10px;
float: right;
overflow: hidden;
border-top: 1px dashed #ccc;
border-left: 1px dashed #ccc;
border-right: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
border-right: 1px dashed #ccc;
background-color: #fff;
}
#rightcolumn .logo {
margin: 0px 0px 10px 0px;
width: 152px;
border: 1px dashed #ccc;
background-color: #EEF1ED;
}
#rightcolumn .logo img { display: block; }
#rightcolumn .rightbox2 { /* Generic Box */
margin: 0px 0px 10px 0px;
border-top: 1px dashed #ccc;

}

/* Begin right Navigation */
#rightcolumn ul.mainnav {
margin: 0px;
width: 152px;
padding: 0;
list-style: none;
}

#rightcolumn ul.mainnav .heading {
background-color: #9FAF9A;
padding: 5px;
color: #fff;
font-size: 16px;
font-weight:bold;
}

#rightcolumn ul.mainnav li {

border-bottom: 1px dashed #ccc;
border-right: 1px dashed #ccc;
border-left: 1px dashed #ccc;
}

#rightcolumn ul.mainnav li a:link, #rightcolumn ul.mainnav li a:visited{
color: #333;
background-color: #F9F9F9;
text-decoration: none;
padding: 5px;
display: block;
}

#rightcolumn ul.mainnav li a:hover{
display: block;
background-color: #EEF1ED;
text-decoration: none;
padding: 5px;
}

/* End right Navigation */

/* End Parent right Column ----------------------------------------------------------------------- */


/* Begin Parent left Column ----------------------------------------------------------------------- */
#leftcolumn {
float: left;
overflow: hidden;
display: inline; /* IE Fix */
border-top: 1px dashed #ccc;
border-left: 1px dashed #ccc;
border-right: 1px dashed #ccc;
margin: 10 0 0 0px;
display: inline; /* IE Fix */
width: 590px;
float: left;
background-color: #fff;
}

#leftcolumn p.content {
border: 1px solid #fff;
margin: 10px;
}

#leftcolumn p.content img {
float: left;
margin: 0px 10px 10px 0px;
}
#leftcolumn h1 {
margin: 10px;
padding: 3px 10px;
border: 1px dashed #ccc;
font-size: 19px;
background: #EEF1ED;
}
#leftcolumn .banner {
margin: 10px;
border: 1px dashed #ccc;
background-color: #EEF1ED;
}
#leftcolumn .banner img { display: block; }
/* End Parent Right Column ----------------------------------------------------------------------- */
.clear {
clear: left;
}


#footer {
width: 770px;
margin: 0 auto;
height: 36px;
background: #C6D2C2;
border: 1px dashed #ccc;

}
#footer .text {
padding: 2px;

  /* border: 1px solid #fff; */
}

#footer .text a:link, #footer .text a:visited { color: #999; text-decoration: none; }
#footer .text a:hover {  color: #999; text-decoration: underline; }
#footer .text img { border: none ; }



}

本帖子中包含更多資源

您需要 登錄 才可以下載或查看,沒有帳號?註冊

x
頭像被屏蔽
發表於 2010-9-13 19:53:05 | 顯示全部樓層
提示: 作者被禁止或刪除 內容自動屏蔽
發表於 2010-9-13 20:17:00 | 顯示全部樓層
瑋婷學妹~~
王同學說的對...你的問題這樣敘述老師很難了解
看是要把檔案傳上來或是找個時間到分校來找老師
老師當面跟你說明比較清楚喔~~
{:5_332:}
您需要登錄後才可以回帖 登錄 | 註冊

本版積分規則

小黑屋|Archiver|手機版|聯成電腦技術論壇

GMT+8, 2024-11-15 21:05

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回復 返回頂部 返回列表