Help - Search - Members - Calendar
Full Version: first time doing div help! =]
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
krispichicken17
So this is my first time doing a div layout and I pretty much understand the basics but this one thing isn't doing what it's supposed to do I think. I used this code for my div.

<div id="ooklahjah." style="position:absolute; width:200; height:225; z-index:0; left:150; top:150; background-color: D6D6D6; padding:0px; overflow: none; border-color: 000000; border-style: solid; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;">
<img src="http://i10.photobucket.com/albums/a143/tic...hgraduation.jpg" </a></div>

but on my myspace theres a big space between the bottom border and the picture. Why is that? MYSPACE
krispichicken17
lol thanks i just fixed the problem! =] but now i have another question...in a div layout how can you show your comments? And I would also like to have it in a scroll box so my page won't be so long.
anime-essence
CODE
<style type="text/css">
td.text table table,table.friendspace,table.friendscomments{
    display:inline;
    visibility:visible;
    border:0px;
}
.comments{
    left:NUMBERHEREpx;
    top:NUMBERHEREpx;
    z-index:3;
    border:0px;
    width:NUMBERHEREpx;
    padding:1px;
    height:NUMBERHEREpx;
    overflow:auto;
    display:inline;
    position:absolute;
    visibility:visible;
}
.comments table,.comments td,.comments tr,.comments div{
    padding:0px;
    margin:0px;
    height:0px;
    border:0px;
    width:0px;
}
.comments:visited img,.comments:link img,.comments:active img,.comments img{
    width:80px;
    max-width:80px;
    padding:0px;
    border:0px;
}
</style>

^Adjust the position and size of the comment div. Then place this at the end of your I'd Like to Meet section:
CODE
<div class="comments"><table><tr><td><table><tr><td>
krispichicken17
Is there a way to not show your top 8? Or do you just use a regular dont show top 8 only code?

anime-essence
Use the regular code. thumbsup.gif
krispichicken17
hmmm is this the right one?



<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;}td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}</style>

If it is its not working...It's supposed to be in About Me right? Thanks! =]


anime-essence
CODE
<style type="text/css">
table td div div font {visibili-ty:hidden;di-splay:none;} table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} table table td.text table td.text table table tbody td table, span.btext,a.redlink{display: none !important}
</style>


^I use that.
krispichicken17
omg thanks for all your help! okay one more thing...between the persons prof. picture and the comment of every single comment theres a big gap in between. Do you think you can fix that?
anime-essence
My padding codes were supposed to fix that. Hmmmm, the font size is the problem sometimes. It stretches the picture area and makes a gap if it's too big. ermm.gif
krispichicken17
hmm my font size is normal though? I didn't change the font size for it...hmm. I'll keep playing around with it. =]
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.