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

Jump to content


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.

Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Need Some Help With An Html Problem?

#1 User is offline   thatoneguyyep101 

  • Member
  • PipPip
  • Find Topics
  • Group: Members
  • Posts: 140
  • Joined: 24-May 08

Posted 11 July 2008 - 08:26 PM

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.

#2 User is offline   splodge 

  • Member
  • Find Topics
  • Group: Banned
  • Posts: 90
  • Joined: 22-April 08
  • Gender:Male

Posted 12 July 2008 - 06:08 AM

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

Posted Image

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


#3 User is offline   thatoneguyyep101 

  • Member
  • PipPip
  • Find Topics
  • Group: Members
  • Posts: 140
  • Joined: 24-May 08

Posted 12 July 2008 - 12:23 PM

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 (=

#4 User is offline   thatoneguyyep101 

  • Member
  • PipPip
  • Find Topics
  • Group: Members
  • Posts: 140
  • Joined: 24-May 08

Posted 13 July 2008 - 09:48 PM

Any ideas anyone? Thanks. (=

#5 User is offline   dark messenger 

  • Forum Addict
  • PipPipPipPipPipPip
  • Find Topics
  • Group: Members
  • Posts: 1,314
  • Joined: 20-January 06
  • Gender:Male
  • Location:UK | NZ

Posted 20 July 2008 - 07:14 AM

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..

#6 User is offline   thatoneguyyep101 

  • Member
  • PipPip
  • Find Topics
  • Group: Members
  • Posts: 140
  • Joined: 24-May 08

Posted 01 August 2008 - 05:29 AM

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! :thumbsup:

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users