BleepingComputer.com: Need Some Help With An Html Problem?

I have a profile on a site (I don't want to spam it, so if you want it then pm me), and I recently added my calendar back onto my profile, and it looks like this...
http://i38.tinypic.com/2u56zvk.jpg
The Problem: I want this image.. http://i33.tinypic.com/97ql94.gif to be behind where it says "My Calendar" and I want it to be horizontal and cover up all the reddish/pinkish color that is behind where it says "My Calendar" in the .jpg image I've given you. Here is my stickam profile decoration codes:

<style type="text/css">
#viewGalleryTab {
padding-bottom:150px;
background-image:url('http://i28.tinypic.com/zkprly.jpg');
background-position:bottom;
background-repeat:no-repeat;
margin-bottom:5px;
}
</style><br>


<style type="text/css">
#profileLeft
{float: right; }
#profileRight
{float: left; }
#profilePhoto,#profileInfo,#profileAbout,#profileM ediaPhoto,#profileMediaVideo,
#profileMediaAudio,#profileRssBtn
{float:right;}
#profilePlayer,#profileMessage,#profileFriends,.di v.profileRss,.profileCommentLink
{float:left; }
</style><br>


<style type="text/css">
body{
background-color:#F210E3;
background-image:url('http://i37.tinypic.com/mhxehk.gif');
background-position:centered;
background-repeat:repeat;
background-attachment:fixed;
}
.skem9 {Default Text Settings}
table, tr, td, p, li, span, .text {
color:#183EF9;
}
#profilePhoto, #profileFriend, #profileComment,#profileAbout, #profileInfo, #profileMessage, #liveMessage, #profileMediaPhoto, #profileMediaAudio,#profileMediaVideo, div.profileRss {
color:#183EF9;
background-color:#37AD0F;
background-image:;
background-position:topleft;
background-repeat:vertical;
background-attachment:staystill;
font-family:arial;
font-size:medium;
border-style:solid;
border-width:1px;
border-color:#F10D0D;
text-decoration:none ;
font-style:normal;
text-transform:normal;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
div.profilePhotoTitle, div.profileInfoTitle, div.profileAboutTitle, div.profileMediaTitle, div.profileCommentTitle, div.profileFriendTitle, div.profileMessageTitle, div.liveMessageTitle, div.profileRssTitle, #myLiveEvent dt, .profileCommentTxt span {
color:#17F264;
background-color:#F34949;
background-image:url('http://i36.tinypic.com/108ibfa.gif');
background-position:none;
background-repeat:none;
background-attachment:none;
font-family:verdana;
font-size:large;
letter-spacing:none;
text-decoration:line-through;
border:;
font-style:normal;
text-transform:normal;
text-align:center;
border-style:dashed;
border-width:2px;
border-color:#ADEA1C;
}
#myEventCalendar, #myLiveEvent, #myEventCalendarBody{
color:#183EF9;
background:#37AD0F;
background-image:;
background-position:topleft;
background-repeat:vertical;
background-attachment:staystill;
font-family:arial;
font-size:medium;
text-decoration:none ;
font-style:normal;
text-transform:normal;
}
#myEventCalendar{
border-style:solid;
border-width:1px;
border-color:#F10D0D;;
}
.profileCommentTxt span {
color:#17F264;
background-color:#F34949;
font-family:verdana;
font-size:large;
letter-spacing:none;
text-decoration:line-through;
font-style:normal;
text-transform:normal;
text-align:center;
border-style:dashed;
border-width:2px;
border-color:#ADEA1C;
}
a:link, a:active, a:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
color: ;
text-decoration:none;
letter-spacing:0px;
}
a:hover {
color:;
text-decoration:none;
}
.profileFunBtn1 a {
visibility:visible;
width: 158px;
margin: 3px 5px 0px 5px;
padding-top: 1px;
padding-bottom: 1px;
display: block;
background-color:#0A48F9;
border-color:;
color:#FB1B05;
text-align:center;
background-image:none;
background-position:none;
}
.profileFunBtn1 a:hover {
visibility:visible;
background-color:;
color:;
text-align:center;
border-color:;
background-image:none;
background-position:none;
}
.profileFunBtn2 {
visibility:visible;
}
.profileFunBtn2 a {
visibility:visible;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
width: 158px;
margin: 3px 5px 0px 5px;
padding-top: 1px;
padding-bottom: 1px;
display: block;
background-color:#0A48F9;
border-color:;
color:#FB1B05;
text-align:center;
background-image:none;
background-position:none;
}
.profileFunBtn2 a:hover {
visibility:visible;
background-color:;
color:;
text-align:center;
border-color:;
background-image:none;
background-position:none;
}
div.profileSubinvalid_text ul li img{
border:none;
}
img.topperImg {
border:none;
}
li img {
border:none;
}
img, a img {
border:1px none #C714CC;
}
a:hover img{
border-style:ridge;
border-width:;
border-color:#EE0B0B;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}</style>


<center><b><font size="6"><font color="#00EDCF">You Should Add... Cyrus!</font></b></center></font><p><img height="450" width="540" src="http://i28.tinypic.com/2wmfc4m.png" border="0"/></p><p><a href="http://www.stickam.com/member/preSendFriendRequest.do?friendUserId=175508043"><c enter><b><font size="4">Click Here To Add Cyrus!</center></b></font></a></p><p>Reasons to add Cyrus:</p><p>He's talkative</p><p>He's honest</p><p>He's cool cuz I said</p><p>He doesn't act dead while on cam.</p><p>He's funny </p><p>He tries his hardest when he's doing something, like currently advertising to get more friends and people for his<br>show, so add him, kthnx! (=</p>

<center><font size="4"><font color="#FF0000">Click that "Record by Phone" button down thur!</font></font></center>
<center><img style="display:block;border:0;" src="http://embed.snapvine.com/images/gadget/vp_top_blog.gif"><embed scale="noscale" height="250" allowNetworking="internal" style="display:block;width:165px;height:250px;" allowScriptAccess="never" width="165" name="snap" quality="high" src="http://embed.snapvine.com/flash/snap.swf?forum=embed.snapvine.com/profile/jfX47KlBEdyvygAwSFs7eA/gadget_ms&skinid=95&hv=3" type="application/x-shockwave-flash" wmode="transparent"/><br/><a target="_blank" src="http://www.snapvine.com/images/gadget/getone.gif" border="0"><a target="_blank" src="http://www.snapvine.com/images/gadget/signin.gif" border="0"></a></embed></center></a>


<p><center><b><font size="6"><font color="#00FF00">Signs &lt;ily.</center></b></font></font></p>

<div style="width: 500px; height: 350px; border-color: #00FF00; border-width: 4px; border-style: solid; color: #0000FF; font-size: 12px; font-family: Arial; overflow: auto;">

<img src="http://i32.tinypic.com/2j47rk4.jpg" border="0">

<img src="http://i27.tinypic.com/nplymq.jpg" border="0">

<img height="200" width="200" src="http://i31.tinypic.com/27zc51v.jpg" border="0"/>

<img src="http://i28.tinypic.com/106d5sm.jpg" border="0">

<img src="http://i32.tinypic.com/dqm88o.jpg" border="0">

<img src="http://i26.tinypic.com/29fcrhu.jpg" border="0">

<img src="http://i31.tinypic.com/m73t08.jpg" border="0">

<img src="http://i28.tinypic.com/2u8jl8h.jpg" border="0">

<img src="http://i32.tinypic.com/t5klr7.jpg" border="0">

<img src="http://i25.tinypic.com/2uzdttk.jpg" border="0"></div>


<style type="text/css">
div.profileFriendThumb { width:0px; height:0px; font-size:0px; border:0px; margin-left: -99999px; margin-top: -99999px; }
div.profileFriend { width:0px; height:0px; font-size:0px; border:none; margin-left: -99999px; margin-top: -99999px; }
div.profileFriendDname { width:0px; height:0px; font-size:0px; border:0px; margin-left: -99999px; margin-top: -99999px; }
div.profileFriendImg { width:0px; height:0px; font-size:0px; border:0px; margin-left: -99999px; margin-top: -99999px; }
div.profileFriendList { width:0px; height:0px; font-size:0px; border:0px; margin-left: -99999px; margin-top: -99999px; }
div.profileFriendTitle { width:0px; height:0px; font-size:0px; border:0px; margin-left: -99999px; margin-top: -99999px; }</style>

That's all of them, I know they're long but if you can fix my problem mentioned above I would be very grateful. I am only mentioning the url's only to get help, not to promote myself, I'm not too good with html and need some help. This is a fake profile with the html in it, just so I can get help on the problem mentioned above. If you want the profile's url so you can help me solve the issue, please pm me, thanks.

use layers, also post a link to your site if it's live

This post has been edited by splodge: 12 July 2008 - 06:33 AM

The link to the profile is http://www.stickam.com/gffhhds it's a fake profile I made just for the purpose for getting help with the html problem, and the profile will be deleted when I get the answer I'm looking for. Splodge that's exactly how I want the calendar to look!!! But what parts of the codes need to be changed to get it look like that (I'm not good with html) thanks a lot everyone (=

Any ideas anyone? Thanks. (=

I dont think it will help the problem, but it will help you to keep your codes clean.

I assume you have a host..... you should put all your css into one script, put it in notepad and save it as my css styles.css or something similar.. Then upload that css file to your host, and then just use a code to pull that script from your host.... thats what I would do anyways... dont really know if it will make a difference..

Okay I figured it out, finally!!! I wanted the image to be be completely across where it says "My Calendar" and the annoying image I was using was just for example, don't worry it's changed now lol.
Here's what the calendar part looks like to get it to work:

}
div.profilePhotoTitle, div.profileInfoTitle, div.profileAboutTitle, div.profileMediaTitle, div.profileCommentTitle, div.profileFriendTitle, div.profileMessageTitle, div.liveMessageTitle, div.profileRssTitle, #myLiveEvent dt, .profileCommentTxt span {
color:#70D106;
background-color:#EE4242;
background-image:url('http://i36.tinypic.com/108ibfa.gif');
background-position:top;
background-repeat:repeat;
background-attachment:none;
font-family:verdana;
font-size:large;
letter-spacing:none;
text-decoration:line-through;
border: ;
font-style:bold;
text-transform:normal;
text-align:center;
border-style:dotted;
border-width:2px;
border-color:#C1F124;
}

The underlined part is where and image would go, and the other underlined parts are to get it to "stretch" across where it says "My Calendar". I thank you for your help, and opinions :D it took a long time to figure out what pieces of code kept messing that one spot on the profile up, but I redid all of it, messed with it for a while and it finally got fixed!