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.

Photo

Need Some Help With An Html Problem?


  • Please log in to reply
5 replies to this topic

#1 thatoneguyyep101

thatoneguyyep101

  • Members
  • 251 posts
  • OFFLINE
  •  
  • Gender:Male
  • Local time:09:04 PM

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.

BC AdBot (Login to Remove)

 


#2 splodge

splodge

  • Banned
  • 90 posts
  • OFFLINE
  •  
  • Gender:Male
  • Local time:09:04 PM

Posted 12 July 2008 - 06:08 AM

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

Posted Image

Edited by splodge, 12 July 2008 - 06:33 AM.


#3 thatoneguyyep101

thatoneguyyep101
  • Topic Starter

  • Members
  • 251 posts
  • OFFLINE
  •  
  • Gender:Male
  • Local time:09:04 PM

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 thatoneguyyep101

thatoneguyyep101
  • Topic Starter

  • Members
  • 251 posts
  • OFFLINE
  •  
  • Gender:Male
  • Local time:09:04 PM

Posted 13 July 2008 - 09:48 PM

Any ideas anyone? Thanks. (=

#5 dark messenger

dark messenger

  • Members
  • 1,741 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Auckland NZ
  • Local time:02:04 PM

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 thatoneguyyep101

thatoneguyyep101
  • Topic Starter

  • Members
  • 251 posts
  • OFFLINE
  •  
  • Gender:Male
  • Local time:09:04 PM

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:




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users