View Full Version : scripts on top of template

Apr 12th, 2010, 04:00 AM
Hey all,

I'm new to CSS coding and I am trying to put a script for RSS over the template (which is background). However I cannot seem to stop it from appearing below the content box instead of in it. Any thoughts? Thanks.

Apr 12th, 2010, 11:19 AM
It sounds like you're using a content management system?

You really haven't provided enough information for anyone to be able to help you.

It would help to see the code that you are using.

Apr 12th, 2010, 10:32 PM
Ok I have an example here.

I want to it to look like this.

But when i try to do it i keep ending up with this.

As for the code it looks like this.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Martyrs Vengence</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />


<div id="main">
<div class="header"></div>
<div class="nav"></div>
<div class="body">
<div class="login">
<div class="killboard"><script type="text/javascript" src="http://output34.rssinclude.com/output?type=js&id=96149&hash=826993ea2712ea1a39b0e0de4ceb4a31"></script>
<div class="links">


I'm sure that is wrong but ive tried everything I can think of. Like I said I am new to css.

For added reference here is the style document.

@charset "UTF-8";
/* CSS Document */

/* Global reset

html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; margin-bottom:10px; width:100%; }
table td { padding:0 10px 0 0; }

.hidden, .screen_reader, hr { display:none; } /* Paragraph default styling, amend as desired */

p { margin:0 0 1em 0; padding:0; } /* Default link styling */
a { color:#f0eeee; text-decoration:underline; }
a:hover { color:#f0eeee; text-decoration:none; } /* Float an element left with a margin */

.floatL { float:left; } /* Float an element right with a margin */
.floatR { float:right; } /* Float an element right with a margin */
.italic { font-style:italic; } /* Italisise */
.upper { text-transform:uppercase; } /* Italisise */
.clear { clear:both; }
.hideText { text-indent:-3000em; overflow:hidden; }
.shell{width:1400px; margin:0 auto;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

blockquote { padding:20px; margin:0 40px 20px 20px; border-left:3px solid #fff; clear:both; }

/* Main

body {background:#000;}
#main {width:1329px; margin:0 auto;}
#main .header{background:url(../images/header_bg.jpg) no-repeat; height:246px; width:1329px;}
#main .nav{background:url(../images/navigation_nav.jpg) no-repeat; height:54px; width:1329px;}
#main .body{background:url(../images/site_bg.jpg) repeat-y; width:1314px; min-height:1000px; padding-left:15px; padding-top:0px;}
#main .login{background:url(../images/login.jpg) no-repeat; width:310px; height:130px; padding-top:138px;}
#main .killboard{background:url(../images/killboard.jpg) no-repeat; width:309px; height:300px; padding-top:310px;}
#main .links{background:url(../images/links.jpg) no-repeat; width:309px; height:300px;}
.intro{ background:#000 url("http://www.logiqsandbox.com/martyrsvengence/images/intro.png") no-repeat top center; padding-left:800px; padding-top:700px; height:500px;}
.enterbtn{width:150px; height:40px; }
.kbrss{width:280px; height:280px; padding-top:400px;}

The .kbrss style is suppost to be the RSS tag but I also couldn't figure out how to get a script into here as I don't know which file it is suppost to go in. Thanks and sorry for the lack of information.

Apr 14th, 2010, 07:15 PM

Apr 14th, 2010, 08:00 PM
Try changing the padding-top value in the css below. Try setting it to zero or a lower number. If that doesn't work can you provide a link?

#main .killboard {
background:url("../images/killboard.jpg") no-repeat scroll 0 0 transparent;