Welcome to WebmasterWorld Guest from 54.145.65.62

Forum Moderators: not2easy

Message Too Old, No Replies

Trouble setting div link class font size

Cannot get the links in a div to go to 1.03 em

     
9:25 am on Dec 2, 2011 (gmt 0)

Junior Member

10+ Year Member

joined:Feb 21, 2006
posts: 83
votes: 0


Hi all

I am trying to get links in a series of divs to accept a font size of 1.03em

Body font is set to 100% our css is as follows
the link class is "sbrtd"

#weather{margin-top:20px;width:100%;clear:both;overflow: hidden;
}

#canaries, #africa, #caribbean, #med{float:left;text-align:center;border:solid 1px #DBDBDB;}
#canaries{width:19%;text-align:left;margin:6px 8px 15px;padding:10px;}
#africa{width:19%;text-align:left;margin:6px 8px 15px;padding:10px;}
#caribbean{width:19%;text-align:left;margin:6px 8px 15px;padding:10px;}
#med{width:19%;text-align:left;margin:6px 12px 8px;padding:10px;}


/*.sbr{color:#990000; padding:5px;text-decoration:none;font-weight:bold;margin-left:7px}*/
#canaries a.sbr{text-align:center;padding:8px;color:#990000;text-decoration:none;font-weight:bold;}
#canaries a.sbr:hover{color:#A40506;text-decoration:underline;font-weight:bold}
#africa a.sbr{padding:8px;color:#990000;text-decoration:none;font-weight:bold}
#africa a.sbr:hover{color:#A40506;text-decoration:underline;font-weight:bold}
#caribbean a.sbr{padding:8px;color:#990000;text-decoration:none;font-weight:bold}
#caribbean a.sbr:hover{color:#A40506;text-decoration:underline;font-weight:bold}
#med a.sbr{padding:8px;color:#990000;text-decoration:none;font-weight:bold}
#med a.sbr:hover{color:#A40506;text-decoration:underline;font-weight:bold}

#canaries a.sbrtd,#caribbean a.sbrtd,#africa a.sbrtd,#med a.sbrtd {padding:0 8px;font-size:1.03em;font-weight:400;text-decoration:none;}


I have tried varios combinations, but nothing seems to work.


Kind regards

Mike
9:49 am on Dec 2, 2011 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:13210
votes: 347


We'll need to see a bit of the html that calls the css.

Also note that very small changes in font size can be iffy. Anything less than 5% simply may not show up, unless the font is pretty large to start with. Fetch out the calculator: what's 103% of 14? The browser may well decide it's ... 14.
9:54 am on Dec 2, 2011 (gmt 0)

Junior Member

10+ Year Member

joined:Feb 21, 2006
posts: 83
votes: 0


Hi Lucy 24

Here you go

<div id="weather"><div id="canaries"><a href="http://www.example.com/canary.php" class="sbr" title="Canaries">The Place</a><p>
<a class="sbrtd" title="weather" href="http://www.example.com/">Ventures</a>

[edited by: alt131 at 1:52 pm (utc) on Dec 6, 2011]
[edit reason] Thread Tidy [/edit]

10:43 am on Dec 2, 2011 (gmt 0)

Junior Member

10+ Year Member

joined:Feb 21, 2006
posts: 83
votes: 0


Update: Fixed''' changed the body font to 100% and upped the link size to 1.06em

I hope this helps anyone else
5:26 pm on Dec 2, 2011 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:13210
votes: 347


Yes, 1.06 is generally enough to push it up one point. But unless you've got something wonky going on, it shouldn't be necessary to specify 100%. That's the default, after all.