Log In · Register

 
 
Closed TopicStart new topic
first time doing div help! =]
krispichicken17
post Aug 3 2007, 04:14 PM
Post #1


Senior Member
****

Group: Member
Posts: 120
Joined: Dec 2004
Member No: 74,821



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
post Aug 3 2007, 06:28 PM
Post #2


Senior Member
****

Group: Member
Posts: 120
Joined: Dec 2004
Member No: 74,821



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
post Aug 3 2007, 06:33 PM
Post #3


Senior Member
******

Group: Staff Alumni
Posts: 1,188
Joined: Jan 2006
Member No: 364,198



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
post Aug 3 2007, 06:48 PM
Post #4


Senior Member
****

Group: Member
Posts: 120
Joined: Dec 2004
Member No: 74,821



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
post Aug 3 2007, 06:50 PM
Post #5


Senior Member
******

Group: Staff Alumni
Posts: 1,188
Joined: Jan 2006
Member No: 364,198



Use the regular code. thumbsup.gif
 
krispichicken17
post Aug 3 2007, 07:00 PM
Post #6


Senior Member
****

Group: Member
Posts: 120
Joined: Dec 2004
Member No: 74,821



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
post Aug 3 2007, 07:04 PM
Post #7


Senior Member
******

Group: Staff Alumni
Posts: 1,188
Joined: Jan 2006
Member No: 364,198



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
post Aug 3 2007, 07:19 PM
Post #8


Senior Member
****

Group: Member
Posts: 120
Joined: Dec 2004
Member No: 74,821



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
post Aug 3 2007, 07:25 PM
Post #9


Senior Member
******

Group: Staff Alumni
Posts: 1,188
Joined: Jan 2006
Member No: 364,198



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
post Aug 3 2007, 08:24 PM
Post #10


Senior Member
****

Group: Member
Posts: 120
Joined: Dec 2004
Member No: 74,821



hmm my font size is normal though? I didn't change the font size for it...hmm. I'll keep playing around with it. =]
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: