|
想請教老師
如圖片上用紅色框起來的地方
用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
|