+ Reply to Thread
Results 1 to 3 of 3

Thread: Little help?

  1. 02-26-2009 06:40 PM #1
    Jonthefisherman
    Jonthefisherman is offline     x10Hosting Member Jonthefisherman is an unknown quantity at this point
    Join Date
    Feb 2009
    Posts
    64

    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:
    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>
    Edit:
    Solved almost every problem except for the lines at the bottom of the page.
    Last edited by Jonthefisherman; 02-26-2009 at 06:40 PM. Reason: Automerged Doublepost
    Reply With Quote Reply With Quote
  2. 02-27-2009 05:55 AM #2
    LHVWB's Avatar
    LHVWB
    LHVWB is offline     Lord Of The Keys LHVWB is an unknown quantity at this point
    Send a message via MSN to LHVWB
    Join Date
    Jan 2008
    Location
    Australia
    Posts
    1,308

    Re: Little help?

    I believe the issue is with your '.top' and '.top1' classes, try removing the code relating to a bottom border.

    Try the code below:
    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-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-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;

}
    Last edited by LHVWB; 02-27-2009 at 05:56 AM.
    ~LHVWB, Formerly known as Verbsite.


    Using Simple Machines Forums? Check out my SMF Mods..

    Reply With Quote Reply With Quote
  3. 02-27-2009 09:48 AM #3
    Jonthefisherman
    Jonthefisherman is offline     x10Hosting Member Jonthefisherman is an unknown quantity at this point
    Join Date
    Feb 2009
    Posts
    64

    Re: Little help?

    Thanks so much, it worked.
    Reply With Quote Reply With Quote
+ Reply to Thread
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts

Forum Rules

x10hosting free hosting for the masses
dedicated servers