I don't get it!!, PLEASE HELP ME, I actually am quite able to, but somehow.. Options

[aym]

Hi!!

So, my problem is this stupid coding...
I did it like I actually always do, but I never
put a graphic on the RIGHT and on the BOTTOM!!

http://same-one.lima-city.de/twody_myspace.html

This is what I want it too look like, but it won't work....
I used the code like you can find in the source-code (UP THERE^^^^^)
and just added the script-part to get rid of the actual myspace! :)

PLEASE HELP ME?!

aym

[manny-the-dino]

Moved to Myspace Support

[Smarmosaur]

it's just a DIV. besides, you should NEVER take anything from the source code.

if you want it in the bottom right no matter what the resolution, you can use bottom/right, instead of top/left, when positioning your DIV.
you could also just set the image as the background, and make the position bottom right.

[LittleMissSunshi...]

the image you gave isn't set in the center, the words are cut off. do you want to put this on your myspace or something? i don't get your question, you want to have a code for this or what?

[IVIike]

what you need to do is create an image with the thing you want all the way on the right and then make a DIV Overlay

Use this tutorial to help you
http://www.createblog.com/forums/index.php?showtopic=142922

FYI taking stuff from the source isn't a great way to go about making something. Just ask the person how they did it... most people will help you out :)

[Mickey]

Looks like that page is only a preview of the layout. The German text talks about telephones, which is technically just filler text unless the designer has an unhealthy fascination with how telephones function. In this case, I think it is safe for Andy to check out the source code.

But anyway, the layout is misaligned because the designer used the class "text" to position the content. I'm assuming Twody didn't know that "text" is a class MySpace already uses for the Blurbs table. Therefore, it moved the Blurbs table that contains the layout in addition to the positioning codes the layout already had. I replaced that class with "content" and it worked fine on a tester page. Here:

CODE

<style>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>







</font></font><style>
div div table div {display:none;} .clearfix table div div {display:block;}
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }</style>


<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>








<style>
body {
background-color: 604647;
background-repeat:repeat;
background-position: top;
font-family: verdana;
}
b {color: ffffff; font-weight:bold;}
h6 {font-size:16px;border-bottom:0px solid;border-color: BFBFBF;text-align:center;margin:0px;margin-bottom:7px;font-weight:normal;}
a:link, a:visited, a:active {
text-decoration: none;
color: f6c157;
font-size: 10px;
font-family: verdana;
}
a:hover {
color: f6c157;
text-decoration: none;
font-size: 12px;
font-family: verdana;
-moz-border-radius: 0px;
}
a img {border: 0}
.trans{position:absolute;left:50%;margin-left:128px;top:-50px;height:20px;width:100px;}
body table {margin-top: 30px;}
body td table, body div table {margin-top: 10;}
table, tr, td {background-color: transparent;}
body table div form {display: block;}
a.navbar:hover {color: C9906E;}
td td embed, td td object {position: absolute; top: 200px; left: 50%; margin-left: 300px;}
td td td embed, td td td object {position: static !important;}
div table td font {display:hidden;}
.navigationBar{display:none;}
div div select, div div form, div div input {display:none;filter:alpha(opacity=0);
-moz-opacity:0;opacity:0;}
</style>


<style>


.heading {
background-image: url(http://img301.imageshack.us/img301/3523/re0092twodymyspaceqz0.jpg);
background-repeat:no-repeat;
width:736px;
height:500px;
position: absolute;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
-moz-box-sizing: padding-box;
right: 0;
bottom: 0;
}

.cable {
background-image: url(http://img510.imageshack.us/img510/3695/cablefh7.jpg);
background-position:inherit;
background-repeat:repeat-x;
width:50%;
height:34px;
position: absolute;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
-moz-box-sizing: padding-box;
left: 0;
bottom: 100px;
}

.content {
width:550px;
height:290px;
position: absolute;
color: ffffff;
font-size:12px;
letter-spacing: 1px;
line-height: 15px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
-moz-box-sizing: padding-box;
right: 600px;
bottom: 150px;
}

.navi {
position: absolute;
-moz-box-sizing: padding-box;
letter-spacing: 0px;
line-height: 13px;
overflow: visible;
font-size: 11px;
color: 856667;
text-align: left;
vertical-align: bottom;
right: 570;
bottom: 20;
font-family:Verdana, Sydney;
top: 560px;
}

a.nav:link, a.nav:visited, a.nav:active {
padding-right: 15px;
padding-left: 15px;
padding-top: 3px;
font-weight: normal;
font-size: 11px;
}

a.nav:hover {color: 3a2a2a; background-color: f6c157;text-decoration: none;padding-right: 15px;padding-left: 15px; padding-top: 3px; padding-bottom: 5px;}

</style>

<div class="cable">
</div>

<div class="heading">
<img src="http://img301.imageshack.us/img301/3523/re0092twodymyspaceqz0.jpg">
</div>

<div class="navi">
http://www.myspace.com/twodii&nbsp;&nbsp;&nbsp;
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav" target="_blank">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=129454743" class="nav" target="_blank">Add Me</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=129454743&MyToken=5d4c07e6-763c-4014-962c-73f728a86e56" class="nav" target="_blank">Message</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=129454743" class="nav" target="_blank">Pictures</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=129454743&MyToken=1454d536-a221-48d2-a61b-3dc57f4e6de0" class="nav" target="_blank">Comment</a>

</div>

<div class="content">
<font color="#54ccdc" size="5">hello?</font><br><br>
Ein Telefon oder Telephon, auch Fernsprecher oder im Fachjargon Fernsprechapparat genannt, ist ein Kommunikationsmittel zur Uebermittlung von Toenen und speziell von Sprache mittels elektrischer Signale. Die Begriffe Fernsprecher und Fernsprechapparat gehen auf das Wirken von Heinrich von Stephan zurueck, der fuer den Erhalt der deutschen Sprache kaempfte und das Stephandeutsch im deutschen Postwesen entwickelte.<br><br>

Umgangssprachlich wird meist nicht genau unterschieden zwischen dem "Telefon" als Gesamtsystem und dem "Telefon" als Endgeraet des Telefonnetzes. In der Schweiz wird mit "Telefon" auch oft ein Telefongespraech (Telefonat) gemeint: "Geben Sie mir ein Telefon" bedeutet dann auch "Rufen Sie mich an".<br><br>
<img src="http://img181.imageshack.us/img181/4131/signa2dky1.jpg">
</div>

[aym]

But anyway, the layout is misaligned because the designer used the class "text" to position the content. I'm assuming Twody didn't know that "text" is a class MySpace already uses for the Blurbs table. Therefore, it moved the Blurbs table that contains the layout in addition to the positioning codes the layout already had. I replaced that class with "content" and it worked fine on a tester page. Here:

THANK YOU A MILLION TIMES!!
But I can't believe, you only changed the class "text" into "content" and then
everything worked fine?!?!? REALLY?!?!?

aym

[Mickey]

Sure. Topic closed & moved.