Log In · Register

 
small fonts + me = help! (and a question about a table), for months now i've been trying to change the ugly bold and large
Torpillage
post Aug 2 2006, 03:52 PM
Post #1


Celeste
**

Group: Member
Posts: 27
Joined: May 2004
Member No: 14,949



you see, my comments (using small fonts) look like this:


I looked all over and I have no idea what to do to make small font actually look like this:


plus with everything i've done, i somehow made my the yellow table that my comments are in disappear.
i would appreciate any help to get my table back and my comments looking readable.


Here is my layout code as well..
CODE
<style type="text/css">
table, td {background-color:transparent; border:none; border-width:0;}
body{background-image:url("http://tinypic.com/qzot44.jpg");
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
background-color: white; }

table table table {border: 1px solid; border-color: 000000;  padding:0; background-color: c6f47a; background-image: url(""); background-position: bottom left; background-repeat: repeat;}
table tbody td table tbody tr td.text table{border: 1px solid; border-color: 000000; background-color: ffff99;}
table table{border:0px;}
table table table table{border:0px;}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:small fonts; font-size: 7px; color: black; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}
textarea, input {font-family:small fonts; font-size: 7px; color: black; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px:}
.btext {font-family:small fonts; font-size: 7px; color: black; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}
.blacktext10 {font-family:small fonts; font-size: 7px; color: black; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}
.blacktext12 {font-family:small fonts; font-size: 7px; color: black; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}

.lightbluetext8 {font-family:small fonts; font-size: 7px; color: black; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}

.nametext{color:deeppink; font-family:arial;text-decoration: none;  font-size: 20pt;font-weight:bold;letter-spacing:-0.3em;border: none; letter-spacing:-4px; line-height:14px;background-color:;text-transform: lowercase;display: inline; position: relative; top: 120px; left: 95px;}

.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}

. {hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}

.orangetext15 {font-family:small fonts; font-size: 7px; color: black; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}

.redbtext, .redtext {font-family:georgia; font-size: 22px; color: slateblue; font-weight: bold; text-decoration: none; letter-spacing: -2px; text-transform: none; padding: 22px; line-height: 22px;}

.text {font-family:small fonts; font-size: 7px; color: black; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}

.blacktext12 {font-family:small fonts; font-size: 7px; color: black; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid ..black;}

a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 7px; color: black; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid ..black;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:small fonts; font-size: 7px; color: black; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px; bold; background-color: deeppink;}

b, stong
{font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}
img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img {filter:none; border:0px;}
body {cursor:;}
a:hover {cursor: default;}
TD TD {text-align: center;}
TD TD TD {text-align: center;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:center;}
TD TD TD TD TD {border-top: 0px solid black; text-align:center;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: uppercase; width:350px;}
TABLE TABLE {padding: 0px; text-transform: uppercase;}
TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;}
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
</style>

<STYLE TYPE="text/css">BODY{scrollbar-face-color:black;
scrollbar-shadow-color:27408B;
scrollbar-highlight-color:6495ED;
scrollbar-3dlight-color:6495ED;
scrollbar-darkshadow-color:black;
scrollbar-track-color:black;
scrollbar-arrow-color:27408B}</STYLE>

<style type="text/css">.blogbody i, .standard i, p i, i{font-family:small fonts; font-size: 7px; color: 6495ED; font-weight: italic; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody u, .standard u, p u, u {font-family:small fonts; font-size: 7px; color: dodgerblue; font-weight: underlined; border-top: 0px solid 000000; border-bottom: 1px solid 000000; text-decoration: underlined; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody b, .standard b, p b, b {font-family:small fonts; font-size: 7px; color: dodgerblue; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style>




thank you so much!
 
 
Start new topic
Replies (1 - 14)
*This Confession*
post Aug 2 2006, 03:53 PM
Post #2





Guest






actually can i have your myspace link?
 
Torpillage
post Aug 2 2006, 04:02 PM
Post #3


Celeste
**

Group: Member
Posts: 27
Joined: May 2004
Member No: 14,949



http://www.myspace.com/admityourinsanity
 
*decadence*
post Aug 2 2006, 04:03 PM
Post #4





Guest






To get your small fonts to appear like the screenshot you have posted, change the font size to 7pt rather than 7px in all of your html.
 
Torpillage
post Aug 2 2006, 04:09 PM
Post #5


Celeste
**

Group: Member
Posts: 27
Joined: May 2004
Member No: 14,949



QUOTE(decadence @ Aug 2 2006, 5:03 PM) *
To get your small fonts to appear like the screenshot you have posted, change the font size to 7pt rather than 7px in all of your html.



i just did and it didn't make a difference on the comments, just some of the headlines.
 
*decadence*
post Aug 2 2006, 04:14 PM
Post #6





Guest






QUOTE(Torpillage @ Aug 2 2006, 2:09 PM) *
i just did and it didn't make a difference on the comments, just some of the headlines.
At 7pt, small fonts should look that way. Make sure you replaced all instances of 7px and also make sure that your text size is normal by going to view -> text size -> normal (in firefox).
 
Torpillage
post Aug 2 2006, 04:20 PM
Post #7


Celeste
**

Group: Member
Posts: 27
Joined: May 2004
Member No: 14,949



QUOTE(decadence @ Aug 2 2006, 5:14 PM) *
At 7pt, small fonts should look that way. Make sure you replaced all instances of 7px and also make sure that your text size is normal by going to view -> text size -> normal (in firefox).

i replaced everything 3x using Word to be sure i didn't miss any. the normal about me font got bigger and comments stayed the same. my default font size is on normal, by the way.
i even tried changing the line space to see if that'd make a difference and yet i got nothing (that i wanted).

is there anything else I can try?
 
*decadence*
post Aug 2 2006, 04:27 PM
Post #8





Guest






QUOTE(Torpillage @ Aug 2 2006, 2:20 PM) *
i replaced everything 3x using Word to be sure i didn't miss any. the normal about me font got bigger and comments stayed the same. my default font size is on normal, by the way.
i even tried changing the line space to see if that'd make a difference and yet i got nothing (that i wanted).

is there anything else I can try?
Okay, I looked at your source and it looks like you have one instance of an 8pt font size in your "who I want to meet" section that is affecting your comments.

I'm looking into why the background for your comments is transparent.

edit-- on your myspace, the comments background is there, so I'm assuming you figured it out.
 
Torpillage
post Aug 2 2006, 04:34 PM
Post #9


Celeste
**

Group: Member
Posts: 27
Joined: May 2004
Member No: 14,949



QUOTE(decadence @ Aug 2 2006, 5:27 PM) *
Okay, I looked at your source and it looks like you have one instance of an 8pt font size in your "who I want to meet" section that is affecting your comments.

I'm looking into why the background for your comments is transparent.

edit-- on your myspace, the comments background is there, so I'm assuming you figured it out.



i didnt even think about looking there. thank you so much haha. and the reason why my comments background went transparent is because i used the "hide extended netowork & move about me up". after i deleted it, it wasnt transparent anymore. i dont know why, do you happen to know any cures about that?
 
*decadence*
post Aug 2 2006, 04:37 PM
Post #10





Guest






Could I take a look at the code that you used to hide the extended network and move the other tables up?
 
Torpillage
post Aug 2 2006, 04:43 PM
Post #11


Celeste
**

Group: Member
Posts: 27
Joined: May 2004
Member No: 14,949



CODE
<style type="text/css">
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">
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>


then


CODE
<style type="text/css">

.note {bring the tables up more}
td.text table {position:relative; top: -140px;}
td.text table table {position:static;}</style>

but i changed -140 to -99

i got both from here.
 
*decadence*
post Aug 2 2006, 04:52 PM
Post #12





Guest






This section of the CSS:
CODE
table td table tr td.text table {visibility:hidden;}

completely hides your tables on the right, while this section:
CODE
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}

makes the only text of the comment table visible, which is why your background disappeared.
 
Torpillage
post Aug 2 2006, 05:24 PM
Post #13


Celeste
**

Group: Member
Posts: 27
Joined: May 2004
Member No: 14,949



that would explain a lot of my previous errors and mistakes with coding then haha. is there any way i can still use a code to hide and bring up the about me?
 
*Azarel*
post Aug 2 2006, 05:35 PM
Post #14





Guest






Not to my knowledge; sorry! You can replace the extended network with an image, though. ermm.gif
 
Torpillage
post Aug 2 2006, 05:59 PM
Post #15


Celeste
**

Group: Member
Posts: 27
Joined: May 2004
Member No: 14,949



well thanks so much. i'll probably find something to put there then. i'm glad i got that fixed, it was driving me more than insane.
 

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