small fonts + me = help! (and a question about a table), for months now i've been trying to change the ugly bold and large |
![]() ![]() |
small fonts + me = help! (and a question about a table), for months now i've been trying to change the ugly bold and large |
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! |
|
|
|
| *This Confession* |
Aug 2 2006, 03:53 PM
Post
#2
|
|
Guest |
actually can i have your myspace link?
|
|
|
|
Aug 2 2006, 04:02 PM
Post
#3
|
|
|
Celeste ![]() ![]() Group: Member Posts: 27 Joined: May 2004 Member No: 14,949 |
|
|
|
|
| *decadence* |
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.
|
|
|
|
Aug 2 2006, 04:09 PM
Post
#5
|
|
|
Celeste ![]() ![]() Group: Member Posts: 27 Joined: May 2004 Member No: 14,949 |
|
|
|
|
| *decadence* |
Aug 2 2006, 04:14 PM
Post
#6
|
|
Guest |
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).
|
|
|
|
Aug 2 2006, 04:20 PM
Post
#7
|
|
|
Celeste ![]() ![]() Group: Member Posts: 27 Joined: May 2004 Member No: 14,949 |
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* |
Aug 2 2006, 04:27 PM
Post
#8
|
|
Guest |
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. 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 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? 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. |
|
|
|
Aug 2 2006, 04:34 PM
Post
#9
|
|
|
Celeste ![]() ![]() Group: Member Posts: 27 Joined: May 2004 Member No: 14,949 |
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* |
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?
|
|
|
|
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* |
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. |
|
|
|
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* |
Aug 2 2006, 05:35 PM
Post
#14
|
|
Guest |
Not to my knowledge; sorry! You can replace the extended network with an image, though.
|
|
|
|
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.
|
|
|
|
![]() ![]() |