everything ok except the LINKS?! Options

[aym]

Hi!

So I don't know why. but when I put it in myspace
it somehow won't show the links on the place I've set it!!


About Me:

CODE

background-color: 191919;
background-image: url(skin.jpg);
background-position: top left;
background-repeat: no-repeat;
font-family: verdana;
}
b {color: 000000; 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: 444444;
font-size: 10px;
font-family: verdana;
}
a:hover {
color: 444444;
text-decoration: none;
font-size: 12px;
font-family: verdana;
-moz-border-radius: 6px;
}
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: 100px; left: 50%; margin-left: -145px;}
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>
.main {
position: absolute;
width: 410px;
height: 277px;
padding: 6px;
-moz-box-sizing: padding-box;
letter-spacing: 0px;
line-height: 12px;
overflow: auto;
font-size: 11px;
color: ffffff;
top: 200px;
left: 450px;
}
.picture {
position: absolute;
width: 130px;
padding: 6px;
-moz-box-sizing: padding-box;
height: 800px;
letter-spacing: 0px;
line-height: 15px;
overflow: auto;
font-size: 9px;
color: ff6a85;
top: 181px;
left: 960px;
}
.display {
position: absolute;
width: 450px;
padding: 6px;
-moz-box-sizing: padding-box;
height: 108px;
letter-spacing: -4px;
line-height: 13px;
overflow: show;
font-size: 50px;
color: 191919;
top: 18px;
left: 1px;
}
.navigation {
position: absolute;
width: 700px;
height: 29px;
overflow: show;
top: 150px;
left: 525px;
padding: 5px;
-moz-box-sizing: padding-box;
text-align: left;
}
a.nav:link, a.nav:visited, a.nav:active {
color: ff6a85;
padding-right: 8px;
padding-left: 8px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: normal;
font-size: 11px;
}



.peeps {
position: absolute;
width: 1200px;
height: 61px;
overflow: show;
top: 550px;
left: 23px;
padding: 5px;
-moz-box-sizing: padding-box;
text-align: left;
}
a.peep:link, a.peep:visited, a.peep:active {
color: 2F2F2F;
padding-right: 15px;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 15px;
font-weight: norma
font-size: 13px;
}


.lovers {
position: absolute;
width: 100px;
height: 100px;
overflow: show;
top: 440px;
left: 1065px;
padding: 5px;
-moz-box-sizing: padding-box;
line-height: 15px;
text-align: left;
}
a.lov:link, a.lov:visited, a.lov:active {
color: ff6a85;
padding-right: 120px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
font-weight: normal;
font-size: 8px;
}



a.nav:hover {color: FFFFFF; background-color: ff6a85;text-decoration: none;}

a.peep:hover {color: FFFFFF; background-color: 0F0F0F;text-decoration: none; font-weight:bold;font-size:20px;}

a.lov:hover {color: FFFFFF; background-color: ff6a85;text-decoration: none; font-size:10px;}



</style>

I'd Like to meet:

CODE

<div class="main">
<h6><span class="Stil1">looks like grandma's couch pattern</span></h6><br>
isn't this like the couch pattern of your grandma? or like her clothes?! well my grandma had alot of this stuff...wish u a nice time in heaven.<br><br>I think it's srsly pimping!!<br><br>oldfashioned?! oh! shut the f**k up!! I shot these hawaiian flowers in some vacations last spring (gran canaria//spain) and mashed it up to a new layout. I only had that other layout up for like 2 days but I still had VACATIONÁS INTERPRÉNDIONÁDAS VÍVA LA$ PUTAS...<br><br>I want to have summer weather, but it snows in germany. to christmas it wasn't there, now too late and it finally is there. but noone wants it now! want to toast my skin and eat iceCREAM...<br><br>everything that keeps my days exciting in school is the music on my cellPHONE and COOCUI. all bands that do GREAT stuff should add me. some I've already found are to find DOWN there.<br><br>aym</div>

<div class="picture">
<a href="#"><img src="pic.jpg" title="FRESH 2 DEATH..."></a></div>


<div class="display">.aym</div>


<div class="navigation">

<td><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="nav">home</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFg=" class="nav">add</a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFg=" class="nav">message</a> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD1YWFhYWFg=" class="nav">pictures</a> <a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhY" class="nav">blog</a> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPVhYWFhYWA==" class="nav">friends</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD1YWFhYWFg=" class="nav">comments</a></td>

</div>


<div class="peeps">

<td><a href="hellogoodbye" class="peep" title="just ciao...">HelloGoodbye</a> <a href="thedatenight" class="peep" title="dirty dace party">TheDateNight</a> <a href="polysicsna" class="peep" title="konnichiwa?!">Polysics</a> <a href="TheTitleNJ" class="peep" title="Fading">TheTitle</a> <a href="owlcity" class="peep" title="athmospheriQue..">OwlCity</a> <a href="peachcake" class="peep" title="found newly">PeachCake</a> <a href="nickasaur" class="peep" title="RAWR!!">Nickasaur</a><a href="Selectstart" class="peep" title="ruined my holidays!">SelectStart</a><a href="boysnoize" class="peep" title="is superfresh..">BoysNoize</a><a href="neversaynever" class="peep" title="hey andy!">NeverSayNever</a><a href="#" class="peep" title="go to my friends to see them all!!">MORE!!</a></td>

</div>

<div class="lovers">

<td>
<a href="twodiii" class="lov" title="Twody">Twody</a><br>
<a href="gerdii" class="lov" title="Coocui">Coocui</a><br>
<a href="kuebi" class="lov" title="Kuebi">Kuebi</a>

</td>
</div>

I appreciate every HELP!! :D

Normally it should look like this:

http://img412.imageshack.us/img412/659/mozillafirefoxwo1.jpg

aym
http://www.myspace.com/aym1

[MissHygienic]

Because you need to make an image map. It's not just a simple link placement, you have to make coordinates so that browsers will recognize the text.

[aym]

Because you need to make an image map. It's not just a simple link placement, you have to make coordinates so that browsers will recognize the text.

and how do you do that?! in dreamweaver?!
Do you have a tutorial a link??

aym

[Marlons]

Try this.here, that's where I learned to image map, oh and to make things easier make sure you have Firefox, and the measurement tool add on

[aym]

well, I found out that I don't want to image map it...
I want that the links are text/css/html with a hover!!

But the somehow I don't know how to place several parts of
layers on the site...they somehow but the links all mashed up
in the center of the page...

aym

[aym]

As you can see in this picture:

http://img412.imageshack.us/img412/659/mozillafirefoxwo1.jpg

- I want to have (home/add/message/pictures/blog/friends/comments) like:

Link1 Link2 Link3...

the same down there with these people from myspace (hellogoodbye/TheDateNight/Polysics/and all the others in grey...)!!

- And then once these 3 people there on the right (Twody/Coocui/Kuebi) like:

Link1
Link2
Link3
...

Well; I'm not sure so here the CODE...

CODE

<style type="text/css">
.. -->
.Stil1 {color: ff6a85;
text-decoration: underline}
.Stil3 {font-size: xx-small}
-->
</style>
<style type="text/css">
.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}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height: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 type="text/css">
body {
background-color: 191919;
background-image: url(http://img408.imageshack.us/img408/6986/skinfh2.jpg);
background-position: top left;
background-repeat: no-repeat;
font-family: verdana;
}
b {color: 000000; 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: 444444;
font-size: 10px;
font-family: verdana;
}
a:hover {
color: 444444;
text-decoration: none;
font-size: 12px;
font-family: verdana;
-moz-border-radius: 6px;
}
a img {border: 0}
.trans{position:absolute;left:50px;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: 100px; left: 50%; margin-left: -145px;}
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>
.main {
position: absolute;
width: 410px;
height: 277px;
padding: 6px;
-moz-box-sizing: padding-box;
letter-spacing: 0px;
line-height: 12px;
overflow: auto;
font-size: 11px;
color: ffffff;
top: 200px;
left: 450px;
}
.picture {
position: absolute;
width: 130px;
padding: 6px;
-moz-box-sizing: padding-box;
height: 800px;
letter-spacing: 0px;
line-height: 15px;
overflow: auto;
font-size: 9px;
color: ff6a85;
top: 181px;
left: 960px;
}
.display {
position: absolute;
width: 450px;
padding: 6px;
-moz-box-sizing: padding-box;
height: 108px;
letter-spacing: -4px;
line-height: 13px;
overflow: show;
font-size: 50px;
color: 191919;
top: 18px;
left: 1px;
}
.navigation {
position: absolute;
width: 700px;
height: 25px;
top: 100px;
left: 525px;
}
a.nav:link, a.nav:visited, a.nav:active {
color: ff6a85;
padding-right: 8px;
padding-left: 8px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: normal;
font-size: 11px;
}



.peeps {
position: absolute;
width: 1200px;
height: 61px;
overflow: show;
top: 550px;
left: 23px;
padding: 5px;
-moz-box-sizing: padding-box;
text-align: left;
}
a.peep:link, a.peep:visited, a.peep:active {
color: 2F2F2F;
padding-right: 15px;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 15px;
font-weight: norma
font-size: 13px;
}


.lovers {
position: absolute;
width: 100px;
height: 100px;
overflow: show;
top: 440px;
left: 1065px;
padding: 5px;
-moz-box-sizing: padding-box;
line-height: 15px;
text-align: left;
}
a.lov:link, a.lov:visited, a.lov:active {
color: ff6a85;
padding-right: 120px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
font-weight: normal;
font-size: 8px;
}



a.nav:hover {color: FFFFFF; background-color: ff6a85;text-decoration: none;}

a.peep:hover {color: FFFFFF; background-color: 0F0F0F;text-decoration: none; font-weight:bold;font-size:20px;}

a.lov:hover {color: FFFFFF; background-color: ff6a85;text-decoration: none; font-size:10px;}



</style>

CODE

<div class="main">
<h6><span class="Stil1">looks like grandma's couch pattern</span></h6><br>
isn't this like the couch pattern of your grandma? or like her clothes?! well my grandma had alot of this stuff...wish u a nice time in heaven.<br><br>I think it's srsly pimping!!<br><br>oldfashioned?! oh! shut the f**k up!! I shot these hawaiian flowers in some vacations last spring (gran canaria//spain) and mashed it up to a new layout. I only had that other layout up for like 2 days but I still had VACATIONÁS INTERPRÉNDIONÁDAS VÍVA LA$ PUTAS...<br><br>I want to have summer weather, but it snows in germany. to christmas it wasn't there, now too late and it finally is there. but noone wants it now! want to toast my skin and eat iceCREAM...<br><br>everything that keeps my days exciting in school is the music on my cellPHONE and COOCUI. all bands that do GREAT stuff should add me. some I've already found are to find DOWN there.<br><br>aym</div>

<div class="picture">
<a href="#"><img src="http://img408.imageshack.us/img408/1328/pickg5.jpg"></a></div>


<div class="display">.aym</div>


<div class="navigation">

<td><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="nav">home</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFg=" class="nav">add</a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFg=" class="nav">message</a> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD1YWFhYWFg=" class="nav">pictures</a> <a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhY" class="nav">blog</a> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPVhYWFhYWA==" class="nav">friends</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD1YWFhYWFg=" class="nav">comments</a></td>

</div>


<div class="peeps">

<td><a href="hellogoodbye" class="peep" title="just ciao...">HelloGoodbye</a> <a href="thedatenight" class="peep" title="dirty dace party">TheDateNight</a> <a href="polysicsna" class="peep" title="konnichiwa?!">Polysics</a> <a href="TheTitleNJ" class="peep" title="Fading">TheTitle</a> <a href="owlcity" class="peep" title="athmospheriQue..">OwlCity</a> <a href="peachcake" class="peep" title="found newly">PeachCake</a> <a href="nickasaur" class="peep" title="RAWR!!">Nickasaur</a><a href="Selectstart" class="peep" title="ruined my holidays!">SelectStart</a><a href="boysnoize" class="peep" title="is superfresh..">BoysNoize</a><a href="neversaynever" class="peep" title="hey andy!">NeverSayNever</a><a href="#" class="peep" title="go to my friends to see them all!!">MORE!!</a></td>

</div>

<div class="lovers">

<td>
<a href="twodiii" class="lov" title="Twody">Twody</a><br>
<a href="gerdii" class="lov" title="Coocui">Coocui</a><br>
<a href="kuebi" class="lov" title="Kuebi">Kuebi</a>

</td>
</div>

aym

[aym]

No no! I want to have a simple link placement but somehow it doesn't
want to be on the places I want it to be.

BUT if I view the code in my browser offline it shows everything correctly so the numbers are correct but somehow myspace and that
code doesn't want to work?!

Like this:
http://same-one.lima-city.de/couchpattern/index.html


PLEASE HELP ME!!

Because you need to make an image map. It's not just a simple link placement, you have to make coordinates so that browsers will recognize the text.

[aym]

PROBLEM SOLVED!!

I had my divs with the links in a table <td>, and because
the script to delete the normal myspace-layout is set to
50% it smashed all links in the middle of the window!!

MERCI!! THANKS!!

aym

[S-Majere]

Glad you got it sorted, I'll close this now

Topic Closed.