[SOLVED] Need some help with an html problem?

[thatoneguyyep101]

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.

[thatoneguyyep101]

I want the "calendar" to look like this...

But I'm not good with html, so how do I what part of the html codes need changed so that the calendar will reflect the above image? Thanks very much!

[Redcore]

Yuck.

[thatoneguyyep101]

Any ideas anyone? Thanks. (= Btw saying "Yuck." doesn't help me whatsoever...

[StephanHeijl]

You seem to have forgotten to add the actual calendar HTML. I can't determine what class it's supposed to be. If i had to guess it'd be ".profileCommentTxt span". Add background-image: url(http://i33.tinypic.com/97ql94.gif); to that class and see if it works. I do have to agree that it isn't the pinaccle of beautiful webdesign...

[Redcore]

Originally Posted by thatoneguyyep101

Any ideas anyone? Thanks. (= Btw saying "Yuck." doesn't help me whatsoever...

LOL nor does epilepsy

[thatoneguyyep101]

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!