HTML help.. - Printable Version

HTML help.. - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: HTML help.. (/showthread.php?tid=73237)

HTML help.. by Kenji on 04-02-2007 at 04:42 PM

Well i have been busy making my new layout on myspace for a few days, Everything works fine apart from my comment box and music player, They move on different size screens/browsers, Can anyone help?

Link is in my sig.

Ill post the code if needed..

Thankss.

EDIT: nvm... done

RE: HTML help.. by Nathan on 04-02-2007 at 04:44 PM

position: absolute;

RE: HTML help.. by Kenji on 04-02-2007 at 04:47 PM

quote:
Originally posted by Nathan
position: absolute;

huh.. where would i put that?

Here is the code.....

code:
<style type="text/css">
.Main { position:absolute; left:42%; top:100px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;} </style>
<style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:000000;
border-style: solid;
scrollbar-face-color:AAAAAA;
scrollbar-highlight-color:CCCCCC; scrollbar-3dlight-color:777777;
scrollbar-shadow-color:444444;
scrollbar-darkshadow-color:333333;
scrollbar-arrow-color:CCCCCC;
scrollbar-track-color:888888;
}
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:none;
border-width:0px;
border-color:transparent;
background-color:transparent;
}

table, tr, td, li, p, div { font-family:arial; color:999999; }
.btext { font-family:arial; color:999999; }
.blacktext10 { font-family:arial; color:999999; }
.blacktext12 { font-family:arial; color:999999; }
.lightbluetext8 { font-family:arial; color:999999; }
.orangetext15 { font-family:arial; color:999999; }
.redtext { font-family:arial; color:999999; }
.redbtext { font-family:arial; color:999999; }
.text { font-family:arial; color:999999; }
.whitetext12 { font-family:arial; color:999999; }
a:active, a:visited, a:link { font-family:arial; color:999999; }
a:hover { font-family:arial; color:999999; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:999999; }
a.navbar:hover { font-family:arial; color:999999; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:999999; }
a.redlink:hover { font-family:arial; color:999999; }
.nametext { font-family:arial; color:999999; }
</style>

code:
<DIV class="Main"> <table style="width:1px; height:1px; border:2px solid silver; background-color:ffffff;" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><html>
<head>
<title>Dazzy's Myspace</title>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="http://img378.imageshack.us/img378/397/wlmwlmwlmgb7.jpg" alt="" width="1010" height="1000" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="175,19,382,35" href="http://myspace.com/zomgwtfbbqlemon">
<area shape="rect" coords="6,43,42,76" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=102388026">
<area shape="rect" coords="41,42,83,76" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=102388026">
<area shape="rect" coords="89,42,131,75" href="http://www.myspace.com/index.cfm?fuseaction=music">
<area shape="rect" coords="141,45,174,75" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=102388026">
<area shape="rect" coords="180,44,210,75" href="http://home.myspace.com/index.cfm?fuseaction=user">
<area shape="rect" coords="232,399,354,413" href="http://virb.com/Dazzy">
<area shape="rect" coords="628,293,652,309" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=102388026">
<area shape="rect" coords="655,291,681,312" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=102388026">
<area shape="rect" coords="566,837,626,857" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=102388026">
<area shape="rect" coords="949,336,972,355" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=102388026">
<area shape="rect" coords="575,380,781,455" href="http://myspace.com/jen_the_bear">
<area shape="rect" coords="576,460,782,527" href="http://myspace.com/horrorwoods_finest">
<area shape="rect" coords="573,529,787,610" href="http://myspace.com/damokunwray">
<area shape="rect" coords="573,611,787,685" href="http://myspace.com/marisssa">
<area shape="rect" coords="574,685,785,746" href="http://myspace.com/darthvixen">
<area shape="rect" coords="575,749,780,818" href="http://myspace.com/chronozero">
<area shape="rect" coords="786,370,995,458" href="http://myspace.com/yerstephlikewhoa">
<area shape="rect" coords="789,461,997,528" href="http://myspace.com/x_staticpulse_x">
<area shape="rect" coords="788,527,994,612" href="http://myspace.com/gif83">
<area shape="rect" coords="791,613,1000,700" href="http://myspace.com/tashy25">
<area shape="rect" coords="788,707,1003,774" href="http://myspace.com/patrickinfishnets">
<area shape="rect" coords="790,780,999,850" href="http://myspace.com/xxxcold_blooded_murderxxx">
<area shape="rect" coords="465,87,583,200" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=102388026">
<area shape="rect" coords="571,239,628,304" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=102388026">
</map>
</body>
</html></td> </tr> </table> </DIV>.comt td b, .comt td b a, .redtext {
visibility:hidden!important;font-size:0px!important;
}
<div style="position:absolute; left:11%; top:75%; width:550px; height:130px; background-color:transparent; overflow:auto; z-index:2; border="0"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="102388026"><textarea style="background-color: ; background-image: url('');border-width: 1;border-style: Solid;border-color: ;color: 999999;font-family: arial;" name="f_comments" cols="50" rows="5">No fucking HTML.</textarea><br>
<input style="background-color: transparent;border-width: 1;border-style: Solid;border-color: ;color: transparent;font-family: arial;" type="submit" value="Send"> <input style="background-color: transparent;border-width: 1;border-style: Solid;border-color: ;color: transparent;font-family: arial;" type="reset" value="Clear">
</form>
</form>
<style type="text/css">
td.text td.text table table table,
td.text td.text table br,
td.text td.text table
.orangetext15,
td.text td.text .redlink,
td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td,
td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
.rid br {display:none;}
</style>

<style type="text/css">
td td embed { position:absolute; top:1010px; left:655px; z-index:2; margin-left:50px }
</style><div style="position:relative; height:1px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>

RE: HTML help.. by Nathan on 04-02-2007 at 04:52 PM

ill talk to you on msn

RE: HTML help.. by Kenji on 04-02-2007 at 05:10 PM

Hmm... anyone else?

Nathan isnt replying and he fucked it up even more... :tongue:

RE: HTML help.. by absorbation on 04-02-2007 at 06:26 PM

CSS rules do not apply to MySpace. MySpace seems to have invented its own CSS, it's got to be the most frustrating things about designing your own layout. It's one of those things which will require trail and error to get correct. I designed my layout from scratch using divs.

I suggest using a generator to get your layout in good shape, some produce pretty decent layouts, you just have to put in the creativity .

RE: HTML help.. by Kenji on 04-02-2007 at 06:38 PM

quote:
Originally posted by absorbation
I suggest using a generator to get your layout in good shape

I hate generators, its either i code it myself or just use the plain one..

It took me about 2 days to do that layout, and im not going back to a standard crappy generator, no offence.. All i need is to stop the music and comment box from moving then i am done... i know it can be done...

RE: HTML help.. by RaceProUK on 04-02-2007 at 07:36 PM

quote:
Originally posted by absorbation
CSS rules do not apply to MySpace.

Even if you try 'position: absolute !important;'?

RE: HTML help.. by Nathan on 04-02-2007 at 07:38 PM

Well i told him to use: position: absolute (I have neber used !important)
* Nathan googles to find out more info, im guessing it means use this first but

RE: HTML help.. by RaceProUK on 04-02-2007 at 07:39 PM

!important makes the rule override any following rule not marked !important.

RE: HTML help.. by Nathan on 04-02-2007 at 07:46 PM

ahh, (yeah i found it out via google) and i've never had to use this