OS and Software > Webmasters and Developers > CSS table link font size help please?

CSS table link font size help please?

<style>
A {font-size:12pt;}
BODY {font-size:8pt;}
TABLE {font-size:10pt;}
</style>
 

To target the links inside the table, do this:

table a { font-size: 10pt }
 

Great! Thank you. I'll try that.

So what should I use if I want the font size to be a certain size?

That's a subject of debate among some people and it sometimes depends on the context of the text. Most people use px which will set the size to the pixel level. But some prefer 'em' which will set the font relative to the current font size. Still others prefer percent '%' which will make it a percent of the size of the parent element.

This seems to be an article I see a lot of people seem to refer to but I might refer you to this one by the W3C themselves.

reply to Sentinel
A bit of refinement in the usage of font-size with %. The percent usage will make your selector's font size a percent of the size of the parent elements font-size, not a percentage of the actual parent element.

Here's a neat JQuery trick, if you want your font-size to be a percentage of the browser window height (or width.)


function winReshape() {
$('table a').css('fontSize', function() {
return ($(window).height() / 24) + "px"
});
}

$(document).ready(function(){
winReshape();
});

$(window).resize(function() {
winReshape();
});


In this example, the Javascript function winReshape() makes sure that the font-size (CSS) and fontSize (js) for 'table a' is always 1/24 of the browser window height. $(window).height() gives you the height of the browser window in pixels, which is then divided by 24 and applied to the CSS font-size of 'table a'.

winReshape() needs to be called when the document is first loaded, and subsequently whenever you resize the browser window.

--
V-Rtifacts - When Virtual Reality Was More Than Virtual

reply to howardfine
Thank you.