PDA

View Full Version : Problem with blog(Side Banners)


visionXmedia
Sep 28th, 2009, 09:47 PM
Hi, this will be my third post here asking for help :D this time I want to know if it is possible to add 2 side banners? I would guess you would have to make 2 different div classes but it doesn't really work for me.

This is my HTML code for the blog


<!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">
<head>
<title>${BlogTitle} - ${BlogDescription}</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="${AppUrl}" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
</head>

<body>

<div id="wrapper">

<div id="header">
</div>

<div class="mattblacktabs">
<ul>
<li><a href="http://profile.publishme.se/profile/view/905887/">Profil</a></li>
<li><a href="http://visionx.blogg.se">Hem</a></li>
<li><a href="http://eveliiinab.blogg.se">Evelina</a></li>
<li><a href="http://almaaw.blogg.se">Alma</a></li>
<li id="devianttab"><a href="http://visionxmedia.deviantart.com">[email protected]</a></li>
<li id="englishtab"><a href="http://visionx.blogg.se/english">English</a></li>
</ul>
</div>

<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryPermaLink}">Permalink</a>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>
<a href="${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a>
<br /><br />
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
<hr class="separator" />
</tag:entrylist>
</div>

<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />

</body>
</html>


body {
margin: 0px 0px 0px 0px;
background: #162904;
}

a {color: #950C22;}
a:hover {color: #333;}

#wrapper {
margin:0px auto;
background: transparent;
width:70%;
padding:0px;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: url(http://i36.tinypic.com/awq90j.png) no-repeat right top;
margin: 0px 0px 0px 75px;
padding: 0px 0px 0px 0px;
height: 200px;
width: 800px;
text-align: left;
}

#side {
float:left;
max-width: 20%;
margin-left:-10%;
padding: 0px 0px 0px 0px;
background: url(http://i35.tinypic.com/10wtpps.jpg[THIS IS MY IMAGE]) no-repeat;;
}

#content {
margin-left:170px;
z-index:2;
width:200px;
background: #162904;
padding: 40px 5px 0px 5px;
voice-family:"\"}\"";
voice-family:inherit;
}html>body #content { width:64%; }

#header a { color: #333; text-decoration: none; }

h1 {
font-family: tahoma, arial, verdana, sans-serif;
font-size: .75em;
font-weight: bold;
letter-spacing:.1em;
color: #666;
}

h2 {
display:none;
font-family: tahoma, arial, verdana, sans-serif;
font-size: .7em;
font-weight: normal;
color: #999;
}

/** Entry headers **/
h3 {
font-family: tahoma, arial, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666;
margin: 0px 0px 10px 0px;
}

.navheader {
font-family: tahoma,verdana, Arial, Helvetica, Sans-serif;
font-size: 12px;
font-weight: bold;
color: #666;

}

.nav {
font-family: tahoma, Verdana, Arial, Helvetica, Sans-serif;
font-size: 12px;
font-weight: normal;
}

.nav ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
font-weight: normal;
}

.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
}

.nav a { color: #000000; }
.nav a:hover { color: #333; }

/** Post's body text **/
.entrybody {
font-family: tahoma,verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-align:justify;
color: #000000;
line-height: 140%;
z-index:2;
margin: 0px 0px 10px 0px
}

/** 'Posted by' txt **/
.entrymeta {
font-family: tahoma,verdana, arial, sans-serif;
font-size: 8px;
font-weight: normal;
font-style:italic;
color: #666;
margin-bottom:22px;
}

.entrymeta a { color: #950C22;}
.entrymeta a:hover { color: #333; }

.commentheader {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
}

.commenttext {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 130%;
}

.commentmeta {
font-family: tahoma, verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #666;
margin: 10px 22px 20px 0px;
font-style:italic;
}

.commentmeta a { color: #950C22; }
.commentmeta a:hover { color: #333; }

.commentform {
font-family: tahoma, verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}

.separator {
display:none;
border-top: 1px solid #F5FAEC;
border-bottom: 1px solid #CED2C8;
margin: 14px 0px 14px 0px
}

.default {
font-family: tahoma, Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #666;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: .7em;
font-weight: normal;
padding: 0px 0px 0px 0px;
}


.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
border: 0px dashed #950C22;
padding:1px;
margin: 0px 6px 6px 0px;
}

.thumbnail {
border: 1px dashed #950C22;
padding:1px;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 0px 0px;
}

.fieldName{
font-family: tahoma, Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: tahoma, Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
}

/*****************************************************************************
* Calendar *
*****************************************************************************/

#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px 0px 6px 0px;
text-align: left;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #666666;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}

#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}

#calendar table tr td {
border: 1px solid #F1F1F1;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul {
color: #BBB;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}

#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}

#calendar table tr td.cssDayMouseOut {
border: 1px solid #F1F1F1;
}

#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
}

#calendar table tr td ul li {
}

#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}

#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}

#profile {
margin-bottom: 10px;
display: block;
height: 1%;
}

#profile h4{
font-family: tahoma,verdana, Arial, Helvetica, Sans-serif;
font-size: .7em;
font-weight: bold;
color: #666;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}

#profile p{
font-family: tahoma,verdana, arial, sans-serif;
font-size: .7em;
font-weight: normal;
}

.mattblacktabs{
width: 100%;
overflow: hidden;
}

.mattblacktabs ul{
margin-left:165px;
padding: 0;
padding-left: 0px;
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float:left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
color: white;
background: #162904;
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black;
}

.mattblacktabs li #englishtab a{
background: #162904;
}

.mattblacktabs li #englishtab a:hover, .mattblacktabs li #englishtab.selected a{
background: #081000;
}

.mattblacktabs li #devianttab a{
background: #ff7e00;
}

.mattblacktabs li #devianttab a:hover, .mattblacktabs li #englishtab.selected a{
background: #d34f00;
}

and here is an image of what it looks like when i tried. http://i34.tinypic.com/dhaj9g.png
Scriptet
Sep 28th, 2009, 10:10 PM
Wheres the part in the HTML where you are adding the side banners, can't seem to find it? To help further just post your URL, or copy and paste the view source of your site rather than the file so the asp is parsed then.

Also what do you expect the output to look like in relation to your posted screenshot..
visionXmedia
Sep 29th, 2009, 10:19 PM
This is what i want it to look like when its done
http://i37.tinypic.com/2myyh5j.png

I think its the <div id="side"> in the html but im not sure, thats why i came here D: