Jonthefisherman
New Member
- Messages
- 64
- Reaction score
- 0
- Points
- 0
CSS Help?
Edit: I found out how, but when using this CSS (I fixed capitals)
But there is random lines at the bottom of the page and it makes the top of my layout look funny. Example: http://jonthefisherman.com
CSS:
and the cutenews template for shownews
Edit:
Solved almost every problem except for the lines at the bottom of the page.
Edit: I found out how, but when using this CSS (I fixed capitals)
But there is random lines at the bottom of the page and it makes the top of my layout look funny. Example: http://jonthefisherman.com
CSS:
Code:
body {
background-color: #ded5ac;
color : #000000;
font-size : 7pt;
font-family : tahoma;
text-align : justify;
line-height :7.5pt;
font-weight: normal;
}
body{
scrollbar-face-color: #2d2929;
scrollbar-highlight-color: #2d2929;
scrollbar-3dlight-color: #2d2929;
scrollbar-darkshadow-color: #2d2929;
scrollbar-shadow-color: #2d2929;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #2d2929;
overflow-x:hidden;
}
u{
font-family: tahoma;
font-size: 7.5pt;
line-height: 10.5pt;
color: #4b3912;
text-transform: underline;
}
b{
font-family: tahoma;
font-size: 8px;
line-height: 9,5px;
text-decoration: none;
color: #4b3912;
font-weight: bold;
text-transform: uppercase;
}
i{
font-family: tahoma;
line-height: 10.5pt;
font-weight: bold;
text-transform: none;
color: #ab842f;
text-transform: italic;
letter-spacing: 1px;
}
a:link, a:visited, a:active {
text-decoration: none;
font-weight: normal;
color: #ab842f;
font-family: tahoma;
font-size: 7.5pt;
line-height: 10.5pt;
}
a:hover {
background-color: none;
font-family: tahoma;
font-size: 7.5pt;
line-height: 10.5pt;
color: #ffffff;
}
.content {
background-color: #ffffff;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 2px;
text-align: justify;
width: 100%;
font-weight: normal;
color: #62512c;
font-family: Tahoma;
font-size: 7.5pt;
line-height: 10.5pt;
}
.top {
color: #ffffff;
background-color: #736031;
font: 10px tahoma;
line-height: 18px;
font-weight: normal;
width: 100%;
height: 95%;
margin-top: 0px;
margin-bottom: 0px;
border-top: 0px #000000 solid;
border-bottom: 1px #b5b5b5 solid;
border-right: 0px #000000 solid;
border-left: 0px #000000 solid;
text-transform: uppercase;
text-align: center;
}
.top1 {
color: #40361d;
background-color: #a99668;
font: 10px tahoma;
line-height: 18px;
font-weight: normal;
width: 100%;
height: 95%;
margin-top: 0px;
margin-bottom: 1px;
border-top: 0px #000000 solid;
border-bottom: 1px #b5b5b5 solid;
border-right: 0px #000000 solid;
border-left: 0px #000000 solid;
text-transform: uppercase;
text-align: center;
}
.welcome {
color: #ffffff;
background-color: none;
font: 6pt tahoma;
line-height: 9pt;
font-weight: bold;
width: 100%;
height: 95%;
margin-top: 0px;
margin-bottom: 1px;
border-top: 0px #ffffff solid;
border-bottom: 0px #ffffff solid;
border-right: 0px #ffffff solid;
border-left: 0px #ffffff solid;
text-transform: uppercase;
text-align: left;
}
input, select, textarea,checkbox {
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
color:#000000;
background: #ffffff;
font-size: 7.5pt;
font-family: tahoma;
}
table, tr, td {
color: #000000;
font-size: 7.5pt;
font-family: tahoma;
}
a img {
border: 1px solid #000000;
}
a:hover img {
border: 1px solid #ffffff;
}and the cutenews template for shownews
Code:
<LINK REL=stylesheet HREF="http://jonthefisherman.com/style.css" TYPE="text/css">
<div style="width:420px; margin-bottom:30px;">
<div class="top">{title}
<div class="top1">{date} by {author} | [com-link]{comments-num} Comments[/com-link]
<div class="content">{short-story}
<div style="float: right;">[full-link]Read more •[/full-link]</div>Solved almost every problem except for the lines at the bottom of the page.
Last edited:
