我正在编辑一个网站,作为对一位教授的帮助,我非常惊讶地看到这个网站的状况非常糟糕(或者我认为是这样)。我已经很久没有编辑HTML和CSS了,我不明白这是怎么发生的。
这是网站链接:http://bioclues.org/ojs/index.php/IJCB/index以下是我认为错误的地方:http://bayimg.com/kAnaIaaDi
我把它做得好看一点,并想把标题、内容等放在一个div中,这样我就可以得到博客般的外观。但这很奇怪。
为什么会发生这种情况,有什么帮助吗?我该如何纠正?
正在使用的系统是Open Journal Systems。
顺便说一句,照片不见了。
我的猜测是你的问题是不正确的嵌套标签。使用HTML编辑器可以避免这些错误。或者只使用记事本++
编辑:
好的,我想我已经解决了的问题
在左边的Sidbe.css行37
#main {
/*float: right;*/
width: 63%;
margin-right: 10%;
/*overflow: hidden;*/
}
评论浮动和溢出将显示你的身体。类似的东西也覆盖了左导航。
使用现有css更改以下css-
Css线路106公共.Css
#headerTitle {
margin: 0 auto;
padding: 0;
text-align: center;
/*text-align: left !important;*/
width: 100%;
}
Common.css line 113
#header h1 {
font-family: Georgia,'Times New Roman',Times,serif;
font-weight: normal;
margin: 0 auto;
padding: 0.5em;
}
common line 152
#navbar {
border-bottom: 2px dotted #000000;
margin: 0 auto;
padding-bottom: 0.5em;
text-align: center;
}
leftsidebar.css line 20
#body {
height: 100%;
margin: 0 auto;
vertical-align: top;
width: 950px;
}
屏幕截图:http://bayimg.com/LANaNAadi
屏幕上的body标签属于一个id为"body"的div。