Help - Search - Members - Calendar
Full Version: html/css help ..
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
takemyhand
Dec 22 2008, 01:50 PM
what can i do to make my links and the regular font size the same?
i checked my whole code and all the font is tahoma and they're all size 9. but for some reason, my links are smaller than the regular font. heres my code:

CODE
<STYLE type="text/css">
body {
background : #595959 url("http://i38.tinypic.com/zkllkz.png") repeat-y;
text-align : center;
margin : 0;
}
td, p, body, a {
color : #999999;
font-family : tahoma;
font-size : 8pt;
text-transform: none;
}
a:active, a:visited, a:link {
font-size : 9px;
color : #999999;
font-family : tahoma;
font-weight : normal;
text-decoration : none;
text-transform : none;
}
a:link img {
border : none;
}
a:visited img {
border : none;
}
a:hover img {
border : none;
}
.mainheader {
font-family : century gothic;
color : #fb9ac0;
font-weight : bold;
font-size :20px;
line-height :28px;
letter-spacing : -2px;
background : ;
text-align :center;
text-transform:uppercase;
}
.text {
font-family : century gothic;
color : #000000;
font-size : 15px;
line-height : 13px;
letter-spacing : 3px;
background : #FB6CAE;
text-align : right;
}
body {
cursor : crosshair;
}
a {
cursor : crosshair;
}
b {
color : #ffd492;
}
u {
color : #5dddfd;
}
i {
color : #e4a0f4;
}
s {
color : #bbf460;
}
textarea, input {
width : 140px;
}
a.nava, a.nava:link, a.nava:active, a.nava:visited {
text-decoration : none;
display : block;
}
a.nava:hover {
color: ffd492;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}
a.navb, a.navb:link, a.navb:active, a.navb:visited {
text-decoration : none;display : block;
}
a.navb:hover {
color: bbf460 ;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}
a.navc, a.navc:link, a.navc:active, a.navc:visited {
text-decoration : none;
display : block;
}
a.navc:hover {
color: e29bf4 ;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}
a.navd, a.navd:link, a.navd:active, a.navd:visited {
text-decoration : none;display : block;
}
a.navd:hover {
color: 5dddfd ;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}

a:hover, a.man:hover, a.text:hover,a.redlink:hover
{font-weight:normal;font-family:tahoma;
text-decoration:none;font-size:9px;
line-height:11px;text-transform:none; color:dcdbdb;}

textarea{width:180px;height:45px}

h1 {
font-family: century gothic;
color : #fb9ac0;
font-weight : bold;
font-size :16px;
line-height :2px;
letter-spacing : -1px;
text-align :right;
text-transform:lowercase;
}

</style>


and my site is
http://takemyhand.debutantlyts.com
if you wanna see what i'm talking about...
waccoon
Dec 22 2008, 02:29 PM
CODE
td, p, body, a
{ color : #999999;font-family : tahoma;font-size : 8pt;text-transform: none;}

a:active, a:visited, a:link
{ font-size : 9px;color : #999999;font-family : tahoma;font-weight : normal;text-decoration : none;text-transform : none;}


Use pixels (px), not points (pt). When you use pt, the size of the text can be resized by the viewer's browser.
Mikeplyts
Dec 22 2008, 02:31 PM
Look at this part.

CODE
td, p, body, a { color : #999999;font-family : tahoma;font-size : 8pt;text-transform: none;} a:active, a:visited, a:link { font-size : 9px;color : #999999;font-family : tahoma;font-weight : normal;text-decoration : none;text-transform : none;}


Change this
CODE
font-size: 8pt;

To this
CODE
font-size: 9px;
takemyhand
Dec 22 2008, 03:10 PM
okay, so i changed the pt to px and the 8 to 9 ..
and yes, all the font sizes are the same except they're all size 8? even though in the code its size 9? i tried to make it bigger by changing it to 10, but nothing happened.. :/

(sorry, im kinda new to this whole site thing =X)


CODE
<STYLE type="text/css">
body {
background : #595959 url("http://i38.tinypic.com/zkllkz.png") repeat-y;
text-align : center;
margin : 0;
}
td, p, body, a {
color : #999999;
font-family : tahoma;
font-size : 9px;
text-transform: none;
}
a:active, a:visited, a:link {
font-size : 9px;
color : #999999;
font-family : tahoma;
font-weight : normal;
text-decoration : none;
text-transform : none;
}
a:link img {
border : none;
}
a:visited img {
border : none;
}
a:hover img {
border : none;
}
.mainheader {
font-family : century gothic;
color : #fb9ac0;
font-weight : bold;
font-size :20px;
line-height :28px;
letter-spacing : -2px;
background : ;
text-align :center;
text-transform:uppercase;
}
.text {
font-family : century gothic;
color : #000000;
font-size : 15px;
line-height : 13px;
letter-spacing : 3px;
background : #FB6CAE;
text-align : right;
}
body {
cursor : crosshair;
}
a {
cursor : crosshair;
}
b {
color : #ffd492;
}
u {
color : #5dddfd;
}
i {
color : #e4a0f4;
}
s {
color : #bbf460;
}
textarea, input {
width : 140px;
}
a.nava, a.nava:link, a.nava:active, a.nava:visited {
text-decoration : none;
display : block;
}
a.nava:hover {
color: ffd492;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}
a.navb, a.navb:link, a.navb:active, a.navb:visited {
text-decoration : none;display : block;
}
a.navb:hover {
color: bbf460 ;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}
a.navc, a.navc:link, a.navc:active, a.navc:visited {
text-decoration : none;
display : block;
}
a.navc:hover {
color: e29bf4 ;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}
a.navd, a.navd:link, a.navd:active, a.navd:visited {
text-decoration : none;display : block;
}
a.navd:hover {
color: 5dddfd ;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}

a:hover, a.man:hover, a.text:hover,a.redlink:hover
{font-weight:normal;font-family:tahoma;
text-decoration:none;font-size:9px;
line-height:11px;text-transform:none; color:dcdbdb;}

textarea{width:180px;height:45px}

h1 {
font-family: century gothic;
color : #fb9ac0;
font-weight : bold;
font-size :16px;
line-height :2px;
letter-spacing : -1px;
text-align :right;
text-transform:lowercase;
}

</style>
Mikeplyts
Dec 22 2008, 03:14 PM
So if you're new to all this, then why did you even bother making a site? Whatever.

Anyways, it could just be your browser or you can try adding a few more pixels to your font size.

Mikeplyts
Dec 22 2008, 03:18 PM
Wait, is this all of your codes or do you have more? If you have more, please post them.
takemyhand
Dec 22 2008, 03:21 PM
well i have a myspace too and that coding was SO much easier.
i could always fix the codes and stuff.
the only reason i made a site was to take my myspace site to a new level ..

and i use php include so...

header code:
CODE
<HTML>
<head>

<script language="javascript">
var titletext="t a k e m y h a n d <3";
var repeat=true;
var index=0;
function scrolltitle(){
if(index<=titletext.length){ document.title=titletext.substring(0,index);
index++;
setTimeout('scrolltitle()', 200);
}else{
index=0;
if(repeat)setTimeout('scrolltitle()',1000);
}}
window.onload=function(){
if(!document.layers)setTimeout('scrolltitle()',1000);
}
</script>

</head>

<STYLE type="text/css">
body {
background : #595959 url("http://i38.tinypic.com/zkllkz.png") repeat-y;
text-align : center;
margin : 0;
}
td, p, body, a {
color : #999999;
font-family : tahoma;
font-size : 9px;
text-transform: none;
}
a:active, a:visited, a:link {
font-size : 9px;
color : #999999;
font-family : tahoma;
font-weight : normal;
text-decoration : none;
text-transform : none;
}
a:link img {
border : none;
}
a:visited img {
border : none;
}
a:hover img {
border : none;
}
.mainheader {
font-family : century gothic;
color : #fb9ac0;
font-weight : bold;
font-size :20px;
line-height :28px;
letter-spacing : -2px;
background : ;
text-align :center;
text-transform:uppercase;
}
.text {
font-family : century gothic;
color : #000000;
font-size : 15px;
line-height : 13px;
letter-spacing : 3px;
background : #FB6CAE;
text-align : right;
}
body {
cursor : crosshair;
}
a {
cursor : crosshair;
}
b {
color : #ffd492;
}
u {
color : #5dddfd;
}
i {
color : #e4a0f4;
}
s {
color : #bbf460;
}
textarea, input {
width : 140px;
}
a.nava, a.nava:link, a.nava:active, a.nava:visited {
text-decoration : none;
display : block;
}
a.nava:hover {
color: ffd492;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}
a.navb, a.navb:link, a.navb:active, a.navb:visited {
text-decoration : none;display : block;
}
a.navb:hover {
color: bbf460 ;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}
a.navc, a.navc:link, a.navc:active, a.navc:visited {
text-decoration : none;
display : block;
}
a.navc:hover {
color: e29bf4 ;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}
a.navd, a.navd:link, a.navd:active, a.navd:visited {
text-decoration : none;display : block;
}
a.navd:hover {
color: 5dddfd ;
background-color : none;
text-decoration : none;
font-family: tahoma;
font-size: 9px;
display : block;
}

a:hover, a.man:hover, a.text:hover,a.redlink:hover
{font-weight:normal;font-family:tahoma;
text-decoration:none;font-size:9px;
line-height:11px;text-transform:none; color:dcdbdb;}

textarea{width:180px;height:45px}

h1 {
font-family: century gothic;
color : #fb9ac0;
font-weight : bold;
font-size :16px;
line-height :2px;
letter-spacing : -1px;
text-align :right;
text-transform:lowercase;
}

</style>

<div style="position: absolute; top:0; left:0; height:100%;">


<img src="http://i35.tinypic.com/2uyr7m8.png"> <div>

<div style="position:absolute; overflow:yes; TOP:300px; left:15px; width:380px;">


footer code:
CODE
<div style="position:absolute; overflow:yes; top:1px; left:410px; width:169px;">

<STYLE type="text/css">
body {
background : #595959 url("http://i38.tinypic.com/zkllkz.png") repeat-y;
text-align : center;
margin : 0;
}
</style>

<div class="mainheader">site</div>
<A HREF="http://takemyhand.debutantlyts.com" class = "nava">home</A>
<A HREF="http://www.myspace.com/189956352" class = "navb">myspace</A>
<a href="http://debutantlyts.com" class = "navc">my host</a>
<A HREF="http://takemyhand.debutantlyts.com/faq.php" class = "navd">faqs</A>
<a href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendID=189956352&blogID=381777099" class = "nava">10k+ train</a>
<a href="http://takemyhand.debutantlyts.com/suggestions&feedback.php" class = "navb">suggestions&feedback</a>
<a href="http://users3.smartgb.com/g/g.php?a=s&i=g35-43779-8c" class = "navc">sign my guestbook</a>
<a href="http://takemyhand.debutantlyts.com/credits.php" class = "navd">credits</a>

<div class="mainheader">stuff</div>
<A HREF="http://takemyhand.debutantlyts.com/fonts.php" class = "nava">fonts</A>
<a href="http://takemyhand.debutantlyts.com/colorthemes.php" class = "navb">color themes</a>
<a href="http://takemyhand.debutantlyts.com/twilightgraphics.php" class = "navc">twilight graphics</a>
<a href="http://takemyhand.debutantlyts.com/premades.php" class = "navd">premades</a>
<a href="http://takemyhand.debutantlyts.com/photoshoptutorials.php" class = "nava">photoshop tutorials</a>

<div class="mainheader">affiliates</div>
<table border="0">
<tr>
<td width="100">
<center>
<a href="http://breakaway.shinecakeslyts.com" class = "nava">breakaway</a>
<a href="http://mouth-shut.info" class = "navb">mouth shut</a>
<a href="http://fofessional-layouts.com" class = "navc">fofessional</a>
<a href="http://www.tinkalayouts.com" class = "navd">tinkalayouts</a>
<a href="http://loveshowerlyts.com" class = "nava">loveshower</a>
<a href="http://www.sparkle.strobelyts.com" class = "navb">sparkle</a>
<a href="http://www.rennababy.biz" class = "navc">comealive</a>
<a href="http://www.sweetdreamss.ch3x.com" class = "navd">sweetdreams</a>
</center>
</td>
<td width="100">
<center>
<a href="http://livefortoday.lyts.me" class = "nava">live for today</a>
<a href="http://forizzle.studiolyts.com" class = "navb">forizzle</a>
<a href="http://glitzyglosslyts.centenial-lyts.com" class = "navc">glitzyglosslyts</a>
<a href="http://onechance.prephost.net" class = "navd">one chance</a>
<a href="http://lovepurr.com" class = "nava">lovepurr</a>
<a href="http://distantmemories.sweetshotlyts.com" class = "navb">distant memories</a>
<a href="http://shinecakeslyts.com" class = "navc">shinecakes</a>
</center>
</td>
</table>
<a href="http://takemyhand.debutantlyts.com/apply.php">apply</a>|<a href="http://takemyhand.debutantlyts.com/affiliates.php">view all</a>

<div class="mainheader">used something?</div>
let me know! (:<br>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="189956352" type="hidden"><textarea name="f_comments" class="div1">i used ____! thanks<3</textarea><br><input type="submit"class="div2" value="sendit"></form><style type="text/css">input.div2 {color:000 !important;background-image:url("");font-size:8pt !important;width:100px !important;height:15px !important;font-family:tahoma !important;background-color:b7fe87 !important;border-color:000000 !important;border-width:1px !important;border-style:solid !important;letter-spacing:1px !important;text-transform:uppercase !important;line-height:7px !important;font-weight:normal !important;}textarea.div1{background-image:url("");background-color:fff !important;width:100px !important;height:30px !important;font-family:tahoma !important;color:000000 !important;line-height:10px !important;font-size:9px !important;border-color:000000 !important;border-style:SOLID !important;border-width:1px !important;letter-spacing:0px !important;font-weight:normal !important;}</style></style>the comment will be going to my<br>myspace page. so if you don't<br>have a myspace, you cant<br>comment. sorry! :[<br>

<div class="mainheader">stats</div>
<a href="http://www.freeonlineusers.com"><font color=#999999><script type="text/javascript" src="http://freeonlineusers.com/on2.php?id=125600"> </script> lovers</font></a><br><div align="center"><a href="http://www.amazingcounter.com"><img border="0" src="http://cb.amazingcounters.com/counter.php?i=2437039&c=7311430" alt="web page visitor stats"></a></div>
<div id="eXTReMe"><a href="http://extremetracking.com/open?login=tmhx3">
<img src="http://t1.extreme-dm.com/i.gif" style="border: 0;"
height="38" width="41" id="EXim" alt="eXTReMe Tracker" /></a>
<script type="text/javascript"><!--
var EXlogin='tmhx3' // Login
var EXvsrv='s11' // VServer
EXs=screen;EXw=EXs.width;navigator.appName!="Netscape"?
EXb=EXs.colorDepth:EXb=EXs.pixelDepth;
navigator.javaEnabled()==1?EXjv="y":EXjv="n";
EXd=document;EXw?"":EXw="na";EXb?"":EXb="na";
EXd.write("<img src=http://e2.extreme-dm.com",
"/"+EXvsrv+".g?login="+EXlogin+"&amp;",
"jv="+EXjv+"&amp;j=y&amp;srw="+EXw+"&amp;srb="+EXb+"&amp;",
"l="+escape(EXd.referrer)+" height=1 width=1>");//-->
</script><noscript><div id="neXTReMe"><img height="1" width="1" alt=""
src="http://e2.extreme-dm.com/s11.g?login=tmhx3&amp;j=n&amp;jv=n" />
</div></noscript></div>



Mikeplyts
Dec 22 2008, 03:35 PM
These are ALL your codes?, because I don't see any php in there.
waccoon
Dec 22 2008, 04:00 PM
The difference between a size 9 and 10 pixel font is usually veeery hard to notice, but I took a quick look at your site and you aren't using the <p> tags that you defined. Use the <p> tag to start/end text so that your text has the properties you set in your stylesheet.

CODE
<p>so i just found cuter smilies and it took me forever to change them! i had to go edit all my posts and delete all the old ones too :/ and then i had to go through the comments and delete the ones with smilies in them (<- those are cuter though, don't you think? xD) while editing my posts, i probably missed some :/ so if you see something like _smile.gif, then yeah i missed it xD lmao. my eyes aren't good? lol jk xD</p>


Just to clarify, what's the issue? The way you asked was a little confusing.
Mikeplyts
Dec 22 2008, 04:06 PM
^She wanted make her links and text the same size (9px)
waccoon
Dec 22 2008, 04:09 PM
QUOTE(Mikeplyts @ Dec 22 2008, 04:06 PM) *
^She wanted make her links and text the same size (9px)


That's been apparently fixed, by the look of her site. I was referring to:

QUOTE
okay, so i changed the pt to px and the 8 to 9 ..
and yes, all the font sizes are the same except they're all size 8? even though in the code its size 9? i tried to make it bigger by changing it to 10, but nothing happened.. :/

(sorry, im kinda new to this whole site thing =X)
Mikeplyts
Dec 22 2008, 04:25 PM
^She says her font is size 8 but she wants it to be size 9. (I don't know if she means points or pixels so that will remain a question.)
takemyhand
Dec 22 2008, 04:27 PM
QUOTE(waccoon @ Dec 22 2008, 04:00 PM) *
Just to clarify, what's the issue? The way you asked was a little confusing.


i wanted the fonts in my site to be the same size.
in the codes, it says its 9px but on the site it shows like its 8px?
and yeah i know its kinda confusing :/

QUOTE(Mikeplyts @ Dec 22 2008, 03:35 PM) *
These are ALL your codes?, because I don't see any php in there.


you want to see them ALL? thats kinda a lot of pages o.O
how bout i show one? they're mostly the same anyways, with different content in them.
CODE
<?php include('header.php'); ?>
<div class="mainheader">twilight graphics</div>
<center>
i made all of these <b>100%</b> so please don't <s>jock</s>! want these on your page? the box under the graphic is the code for it (: so just copy and paste it and put it where ever you like =] <i>newest</i> on <u>top</u>(;<br><br>

<img src="http://i43.tinypic.com/2199lco.png"><br>
<textarea><a href="http://takemyhand.debutantlyts.com"><img src="http://i43.tinypic.com/2199lco.png" border="0"></a></textarea><br><br>
<img src="http://i40.tinypic.com/30v16ba.png"><br>
<textarea><a href="http://takemyhand.debutantlyts.com"><img src="http://i40.tinypic.com/30v16ba.png" border="0"></a></textarea><br><br>
<img src="http://i38.tinypic.com/292lkyv.png"><br>
<textarea><a href="http://takemyhand.debutantlyts.com"><img src="http://i38.tinypic.com/292lkyv.png" border="0"></a></textarea><br><br>
<img src="http://i37.tinypic.com/33f9mbt.png"><br>
<textarea><a href="http://takemyhand.debutantlyts.com"><img src="http://i37.tinypic.com/33f9mbt.png" border="0"></a></textarea><br><br>
<img src="http://i34.tinypic.com/rhom15.png"><br>
<textarea><a href="http://takemyhand.debutantlyts.com"><img src="http://i34.tinypic.com/rhom15.png" border="0"></a></textarea><br><br>
<img src="http://i37.tinypic.com/2q2pixe.png"><br>
<textarea><a href="http://takemyhand.debutantlyts.com"><img src="http://i37.tinypic.com/2q2pixe.png" border="0"></a></textarea><br><br>
<img src="http://i36.tinypic.com/vzcygo.png"><br>
<textarea><a href="http://takemyhand.debutantlyts.com"><img src="http://i36.tinypic.com/vzcygo.png" border="0"></a></textarea><br><br>
<img src="http://i34.tinypic.com/fjke3d.png"><br>
<textarea><a href="http://takemyhand.debutantlyts.com"><img src="http://i34.tinypic.com/fjke3d.png" border="0"></a></textarea><br><br>
<img src="http://i37.tinypic.com/2wc01w7.png"><br>
<textarea><a href="http://takemyhand.debutantlyts.com"><img src="http://i37.tinypic.com/2wc01w7.png" border="0"></a></textarea><br><br>

<?php include('footer.php'); ?>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.