html/css help .. |
![]() ![]() |
html/css help .. |
Dec 22 2008, 01:50 PM
Post
#1
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 45 Joined: Nov 2008 Member No: 698,539 |
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... |
|
|
|
Dec 22 2008, 02:29 PM
Post
#2
|
|
![]() We are the cure. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 4,936 Joined: Jan 2004 Member No: 1,456 |
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. |
|
|
|
Dec 22 2008, 02:31 PM
Post
#3
|
|
![]() Mel Blanc was allergic to carrots. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 |
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;
|
|
|
|
Dec 22 2008, 03:10 PM
Post
#4
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 45 Joined: Nov 2008 Member No: 698,539 |
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> |
|
|
|
Dec 22 2008, 03:14 PM
Post
#5
|
|
![]() Mel Blanc was allergic to carrots. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 |
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. |
|
|
|
Dec 22 2008, 03:18 PM
Post
#6
|
|
![]() Mel Blanc was allergic to carrots. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 |
Wait, is this all of your codes or do you have more? If you have more, please post them.
|
|
|
|
Dec 22 2008, 03:21 PM
Post
#7
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 45 Joined: Nov 2008 Member No: 698,539 |
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+"&", "jv="+EXjv+"&j=y&srw="+EXw+"&srb="+EXb+"&", "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&j=n&jv=n" /> </div></noscript></div> |
|
|
|
Dec 22 2008, 03:35 PM
Post
#8
|
|
![]() Mel Blanc was allergic to carrots. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 |
These are ALL your codes?, because I don't see any php in there.
|
|
|
|
Dec 22 2008, 04:00 PM
Post
#9
|
|
![]() We are the cure. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 4,936 Joined: Jan 2004 Member No: 1,456 |
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 Just to clarify, what's the issue? The way you asked was a little confusing. |
|
|
|
Dec 22 2008, 04:06 PM
Post
#10
|
|
![]() Mel Blanc was allergic to carrots. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 |
^She wanted make her links and text the same size (9px)
|
|
|
|
Dec 22 2008, 04:09 PM
Post
#11
|
|
![]() We are the cure. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 4,936 Joined: Jan 2004 Member No: 1,456 |
^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) |
|
|
|
Dec 22 2008, 04:25 PM
Post
#12
|
|
![]() Mel Blanc was allergic to carrots. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 |
^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.)
|
|
|
|
Dec 22 2008, 04:27 PM
Post
#13
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 45 Joined: Nov 2008 Member No: 698,539 |
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 :/ 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'); ?> |
|
|
|
![]() ![]() |