您在這裡

這個CSS應該怎麼修改?

AACC88's 的頭像
AACC88 在 2011-06-13 (週一) 22:04 發表

網是用drupal製作的,我對style.css做過少許改動。
在上面的顯示(2.jpg)中多了空行,我希望成為下面的顯示(1.jpg),不知應該怎麼修改?
網址:http://www.huavyw.com

下面是相關的CSS:
/************************/
/* HEADER AREA WRAPPER */
/* (Topper + Header) */
/************************/
#header {
background: transparent url('images/clouds.gif') repeat-x 0 1px;
margin: -20px auto -40px 0;
width: 100%;
}
#header-wrapper {
margin: 0 auto;
overflow: hidden;
}
#header-wrapper a.active {
}
/******************/
/* HEADER REGIONS */
/******************/
#header-wrapper {
background-color: inherit;
margin: -10px auto;
padding: 0;
width: 960px;
}
#header-first {
float: left;
font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
margin: 25px 0 -10px 0;
width: 310px;
}
#header-first #logo { /* logo postion. default image replaced if you upload your own */
float: left;
height: 220px;
margin: 31px 0 1.5px 0;
}
#header-first h1 { /* site name link */
font-size: 2.5em;
line-height: 60%;
margin: 38px 0 0 0;
}
#header-first h1 a { /* site name link */
text-decoration: none;
}
#header-first #slogan { /* site slogan */
display: block;
font-size: 1.166em;
color: #ff4400;
font-weight: bold;
text-align: center;
margin: 13px 0 -5px 0;
}
#header-last {
float: right;
font-size: 12px; line-height: 25px;
margin: 9px 1px -10px 1px;
overflow: hidden;
padding: 1px 0 1px 0;
text-align: center;
width: 632px;
}
#header-last ul {
display: inline;
margin: 2px 0 0 0;
padding: 0 0 0 9px;
}
#header-last ul li {
background: #ffff00;
border: 1px solid #00ff00;
display: inline;
margin: 2px 0 0 0;
padding: 3px 5px 3px 9px;
}
#header-last ul li.first {
border: 1px;
}

附加檔案大小
Image icon 2.jpg51.08 KB
Image icon 1.jpg40.59 KB

最好給個連結。

這樣問關於css的問題,就好像要一個醫生用心電感應的方式,在看不到摸不着病人的情況下,要給人治病一樣的困難。(開個玩笑,這只是個比喻。)

上次沒注意到,原來有網址。Sorry

你的網站上,html 的tag 全亂掉了,建議你可以將page.tpl.php 裏面的html 重新整理一下。例如 我看到 div header 裏面,竟然包括了 header wrapper (内衣和外衣穿反了), Preface, main, footer 也在裏面 (頭,身體,手和腳全放到頭上了。)。

html 整理好了,再來看css。