Connecting Tech Pros Worldwide Forums | Help | Site Map
bytes > topic > html css > answers

Font problems driving me CRAZY on my blog. HELP!!

Newbie
  
Join Date: Nov 2008
Posts: 1
#1: Nov 20 '08
OK, so I have a blog. I downloaded the "theme" from somewhere and have edited a few areas to suit my needs. There are different font themes within the page theme. Long story short, my "Text Posts" are supposed to be in the font: Georgia, but they are showing up in "Times New Roman"...blah!

I can't find anything wrong in the code, but who am I trying to fool? I know nothing about this stuff. The code is below. The parts that I *think* are the cause start with "div.normal-text". Someone, please help! It's driving me crazy. The address is: kimboslice.tumblr.com

Thanks in advance!!!

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.     <head>
  5.         <!-- DEFAULT COLORS -->
  6.         <meta name="color:Background" content="#eee"/>
  7.         <meta name="color:Content Background" content="#fff"/>
  8.         <meta name="color:Title" content="#444"/>
  9.         <meta name="color:Description" content="#666"/>
  10.         <meta name="color:Post Title" content="#c00"/>    
  11.         <meta name="color:Text" content="#444"/>
  12.         <meta name="color:Inline Link" content="#c00"/>
  13.         <meta name="color:Quote" content="#666"/>
  14.         <meta name="color:Quote Source" content="#444"/>
  15.         <meta name="color:Link Post" content="#c00"/>
  16.         <meta name="color:Conversation Background" content="#f8f8f8"/>
  17.         <meta name="color:Conversation Border" content="#ddd"/>
  18.         <meta name="color:Conversation Text" content="#444"/>
  19.         <meta name="color:Conversation Label" content="#111"/>
  20.         <meta name="color:Photo Border" content="#eee"/>
  21.         <meta name="color:Date" content="#fff"/>
  22.         <meta name="color:Date Background" content="#ccc"/>
  23.         <!-- END DEFAULT COLORS -->
  24.  
  25.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  26.         <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  27.         <link rel="icon" href="{Favicon}"/>
  28.         <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  29.         <meta name="viewport" content="width=775"/> <!-- iPhone -->
  30.  
  31.         <style type="text/css">
  32.   body {
  33.     margin: 0px auto 0px auto;
  34.     text-align: center;
  35.     background-image: url(http://lab.sid05.com/MYTumblr/tinat/top.png);
  36.     background-repeat: repeat-x;
  37.     background-position: left top;
  38.         background-color: #fff;
  39. }
  40. #container {
  41.     width: 780px;
  42.     margin-right: auto;
  43.     margin-left: auto;
  44.     position: relative;
  45.     background-image: url(http://lab.sid05.com/MYTumblr/tinat/top-arrow.png);
  46.     background-repeat: no-repeat;
  47.     background-position: 10px top;
  48. }
  49.  
  50. #navbar {
  51.     background-color: #000000;
  52.     height: 28px;
  53.     vertical-align: middle;
  54. }
  55. #navbar p{
  56.     text-align: left;
  57.     margin: 0px;
  58.     color: #666666;
  59.     padding-top: 6px;
  60.     padding-right: 0px;
  61.     padding-left: 5px;
  62.     font-family: Verdana, Arial, Helvetica, sans-serif;
  63.     font-size: 11px;
  64. }
  65. #navbar p a{
  66.     color: #FF3366;
  67.     text-decoration: none;
  68.     border-bottom-width: 1px;
  69.     border-bottom-style: solid;
  70.     border-bottom-color: #000000;
  71.  
  72. }
  73. h1.header a{
  74.     font-family: Georgia, "Times New Roman", Times, serif;
  75.     font-size: 65px;
  76.     color: #000000;
  77.     text-decoration: none;
  78.     font-weight: normal;
  79.     border-bottom-width: 1px;
  80.     border-bottom-style: solid;
  81.     border-bottom-color: #FFFFFF;
  82. }
  83. h1.header a:hover{
  84.     color: #000000;
  85.     border-bottom-width: 1px;
  86.     border-bottom-style: solid;
  87.     border-bottom-color: #ff3366;
  88.  
  89. }
  90. #content {
  91.     margin-left: 250px;
  92.     text-align: left;
  93. }
  94. #sidebar {
  95.     width: 210px;
  96.     text-align: left;
  97.     display: block;
  98.     padding: 0px;
  99.     margin: 0px;
  100.         float: left;
  101. }
  102. #sidebar h3{
  103.     padding: 0px;
  104.     margin-top: 15px;
  105.     margin-right: 0px;
  106.     margin-bottom: 3px;
  107.     margin-left: 0px;
  108.     font-family: Arial, Helvetica, sans-serif;
  109.     font-size: 16px;
  110.     font-weight: bold;
  111.     color: #333333;
  112.  
  113. }
  114. #sidebar p{
  115.     font-family: Verdana, Arial, Helvetica, sans-serif;
  116.     font-size: 11px;
  117.     color: #666666;
  118.     line-height: 16px;
  119.     margin-top: 5px;
  120.     margin-right: 0px;
  121.     margin-bottom: 10px;
  122.     margin-left: 0px;
  123.  
  124. }
  125. #sidebar ul{
  126.     margin: 0px 0px 0px 22px;
  127.     padding: 0px;
  128.     font-family: Verdana, Arial, Helvetica, sans-serif;
  129.     font-size: 12px;
  130.     line-height: 20px;
  131.     color: #999999;
  132.     list-style-position: inset;
  133.     list-style-image: url(http://lab.sid05.com/MYTumblr/tinat/list.png);
  134.  
  135. }
  136. #sidebar li a{
  137.     border-bottom-width: 1px;
  138.     border-bottom-style: solid;
  139.     border-bottom-color: #FF3366;
  140.     color: #666666;
  141.     text-decoration: none;
  142.  
  143. }
  144. #sidebar div.following{
  145.     margin-top: 5px;
  146.     margin-bottom: 10px;
  147.  
  148. }
  149. #sidebar div.following a img{
  150.     border: 1px solid #999999;
  151.     padding: 1px;
  152.     margin: 1px;
  153. }
  154. #sidebar div.following a img:hover{
  155.     border: 1px solid #FF3366;
  156.     padding: 1px;
  157.         margin: 1px;
  158. }
  159. h1 {
  160.     margin: 25px 5px 40px;
  161.     padding: 0px;
  162.     text-align: left;
  163. }
  164. h4 {
  165.     font-family: Georgia, "Times New Roman", Times, serif;
  166.     font-size: 18px;
  167.     color: #666;
  168.     margin-top: 40px;
  169.     margin-bottom: 20px;
  170.     display: block;
  171.     margin-right: 0px;
  172.     margin-left: 0px;
  173.     padding: 2px 0px 5px 5px;
  174.     font-weight: normal;
  175.     text-transform: uppercase;
  176.     line-height: 20px;
  177.         background-color: #f3f3f3;
  178.         border-top: 1px solid #ccc;
  179.     border-bottom: 1px solid #ccc;
  180.  
  181. }
  182. div.normal-text, div.photo, div.quote, div.link, div.video, div.chat, div.audio {
  183.     color: #333333;
  184.     display: block;
  185.     padding-right: 10px;
  186.     padding-left: 10px;
  187.     margin-bottom: 5px;
  188.     padding-bottom: 5px;
  189.     padding-top: 5px;
  190.     margin-top: 20px;
  191. }
  192. div.normal-text h2{
  193.     margin: 0px 0px 10px;
  194.     padding: 0px;
  195.     font-family: Georgia, "Times New Roman", Times, serif;
  196.     font-size: 18px;
  197.     font-weight: bold;
  198.     color: #333333;
  199.     font-style: normal;
  200. }
  201. div.normal-text p, div.quote p, div.photo p, div.link p, div.video p, div.chat p, div.audio p{
  202.     margin: 10px 0px;
  203.     padding: 0px;
  204.     font-family: Georgia, "Times New Roman", Times, serif;
  205.     font-size: 13px;
  206.     line-height: 18px;
  207.  
  208. }
  209. div.normal-text ol{
  210.     padding: 0px;
  211.     list-style-position: inset;
  212.     font-family: Georgia, "Times New Roman", Times, serif;
  213.     font-size: 13px;
  214.     color: #666666;
  215.     line-height: 18px;
  216.     margin-top: 10px;
  217.     margin-bottom: 10px;
  218.     margin-left: 30px;
  219.  
  220. }
  221. div.normal-text ul{
  222.     padding: 0px;
  223.     list-style-position: inset;
  224.     font-family: Georgia, "Times New Roman", Times, serif;
  225.     font-size: 13px;
  226.     color: #666666;
  227.     line-height: 18px;
  228.     margin-top: 10px;
  229.     margin-bottom: 10px;
  230.     margin-left: 26px;
  231.  
  232. }
  233. div.normal-text blockquote{
  234.         margin: 0px 0px 10px 10px;
  235.     padding: 5px;
  236.         font-family: Georgia, "Times New Roman", Times, serif;
  237.     font-size: 13px;
  238.     line-height: 18px;
  239. }
  240. div.normal-text a, p.permalink a, div.quote p a, #sidebar p a, div.photo p a, div.link p a,div.video p a, div.chat p a, div.audio p a, div#footer div.row  p a, div.photo blockquote a, div.link blockquote a, div.video blockquote a, div.audio blockquote a{
  241.     color: #FF3366;
  242.     text-decoration: none;
  243.     border-bottom-width: 1px;
  244.     border-bottom-style: solid;
  245.     border-bottom-color: #FFFFFF;
  246. }
  247. div.normal-text a:hover, p.permalink a:hover, div.quote p a:hover, #sidebar p a:hover, #sidebar li a:hover, div.photo p a:hover, div.link a:hover, #index-navigation a:hover, div.video a:hover, div.chat a:hover, div.audio a:hover, div#footer div.row  p a:hover, div.photo blockquote a:hover, div.link blockquote a:hover, div.video blockquote a:hover, div.audio blockquote a:hover{
  248.     color: #FF3366;
  249.     text-decoration: none;
  250.     border-bottom-width: 1px;
  251.     border-bottom-style: solid;
  252.     border-bottom-color: #000000;
  253. }
  254.  
  255. div.quote span span{
  256.     color: #999999;
  257.     font-style: normal;
  258.     text-align: center;
  259.  
  260. }
  261. div.quote span.short{
  262.     font-size: 13px;
  263.     color: #5B5B5B;
  264.     font-family: Georgia, "Times New Roman", Times, serif;
  265.     margin-bottom: 5px;
  266.     padding: 10px 10px 30px;
  267.     display: block;
  268.     margin-top: 20px;
  269.     background-color: #F4F4F4;
  270.     background-image: url(http://lab.sid05.com/MYTumblr/tinat/quotebottom.png);
  271.     background-repeat: no-repeat;
  272.     background-position: left bottom;
  273.     font-weight: bold;
  274.     line-height: 15px;
  275. }
  276. div.photo img {
  277.     margin-bottom: 15px;
  278.     display: block;
  279.     margin-top: 20px;
  280.  
  281. }
  282. div.photo a img {
  283.     padding: 1px;
  284.         border: 1px solid #ccc;
  285. }
  286. div.photo a img:hover {
  287.     padding: 1px;
  288.         border: 1px solid #ff6633;
  289. }
  290. div.photo blockquote{
  291.         margin: 0px 0px 10px 10px;
  292.     padding: 0px;
  293.         font-family: Georgia, "Times New Roman", Times, serif;
  294.     font-size: 13px;
  295.     line-height: 18px;
  296. }
  297. div.link h2 {
  298.     margin-bottom: 15px;
  299.     font-size: 24px;
  300.     font-family: Geneva, Arial, Helvetica, sans-serif;
  301.     font-weight: normal;
  302.     color: #333;
  303. }
  304. div.link h2 a{
  305.     color: #FF3366;
  306.     text-decoration: none;
  307.     border-bottom-width: 1px;
  308.     border-bottom-style: solid;
  309.     border-bottom-color: #FFF;
  310. }
  311. div.link blockquote, div.video blockquote, div.audio blockquote {
  312.         margin: 0px 0px 10px 10px;
  313.     padding: 0px;
  314.         font-family: Georgia, "Times New Roman", Times, serif;
  315.     font-size: 13px;
  316.     line-height: 18px;
  317. }
  318. div.chat h2{
  319.     font-family: Georgia, "Times New Roman", Times, serif;
  320.     font-size: 18px;
  321.     font-weight: bold;
  322.     color: #333333;
  323.     font-weight: normal;
  324.     margin-bottom: 5px;
  325.  
  326. }
  327. div.chat ul{
  328.     font-family: Georgia, "Times New Roman", Times, serif;
  329.     font-size: 13px;
  330.     color: #666666;
  331.     margin: 10px 5px;
  332.     padding: 0px;
  333.     list-style-type: none;
  334.     background-color: #F4F4F4;
  335.  
  336. }
  337. div.chat ul li{
  338.     padding: 5px;
  339.     border-bottom-width: 1px;
  340.     border-bottom-style: solid;
  341.     border-bottom-color: #FFFFFF;
  342.     margin: 0px;
  343. }
  344. div.audio div.playeraudio {
  345.     margin-top: 20px;
  346.     margin-bottom: 10px;
  347.  
  348. }
  349. div.video div.playervideo {
  350.     margin-top: 20px;
  351.     margin-bottom: 10px;
  352.  
  353. }
  354. p.permalink {
  355.     padding: 8px 71px 0px 0px;
  356.     margin-top: -5px;
  357.     margin-right: 10px;
  358.     margin-bottom: 30px;
  359.     margin-left: 0px;
  360.     font-family: Georgia, "Times New Roman", Times, serif;
  361.     font-size: 13px;
  362.     font-weight: normal;
  363.     display: block;
  364.     background-image: url(http://lab.sid05.com/MYTumblr/tinat/line.png);
  365.     background-repeat: no-repeat;
  366.     background-position: right top;
  367.     text-align: right;
  368.     color: #333333;
  369.     border-left-width: 10px;
  370.     border-left-style: solid;
  371.     border-left-color: #FFFFFF;
  372. }
  373. div#index-navigation {
  374.     background-color: #F3F3F3;
  375.     padding: 8px;
  376.     margin-top: 50px;
  377.     margin-bottom: 30px;
  378.     text-align: right;
  379.     border-top-width: 1px;
  380.     border-bottom-width: 1px;
  381.     border-top-style: solid;
  382.     border-bottom-style: solid;
  383.     border-top-color: #CCCCCC;
  384.     border-bottom-color: #CCCCCC;
  385. }
  386. div#index-navigation span{
  387.     margin-left: 2px;
  388.     font-family: Georgia, "Times New Roman", Times, serif;
  389.     font-size: 14px;
  390.     margin-right: 2px;
  391.  
  392. }
  393. div#index-navigation span a{
  394.     font-weight: bold;
  395.     text-decoration: none;
  396.     color: #333333;
  397.  
  398. }
  399. div#footer {
  400.     padding: 20px 0px 10px;
  401.     display: block;
  402.     border-top-width: 1px;
  403.     border-top-style: solid;
  404.     border-top-color: #000000;
  405.         clear: left;
  406. }
  407. div#footer div.row{
  408.     float: left;
  409.     width: 248px;
  410.     margin-right: 4px;
  411.     margin-left: 4px;
  412.     text-align: left;
  413.     margin-top: 5px;
  414. }
  415. div#footer div.row ul{
  416.     text-align: left;
  417.     margin: 0px;
  418.     padding: 0px;
  419.     list-style-type: none;
  420. }
  421. div#footer div.row li a{
  422.     font-size: 24px;
  423.     font-family: Georgia, "Times New Roman", Times, serif;
  424.     color: #000000;
  425.     text-decoration: none;
  426.     display: block;
  427.     padding: 2px 5px;
  428.     margin: 0px;
  429.     line-height: 32px;
  430. }
  431. div#footer div.row li a:hover{
  432.     color: #FFFFFF;
  433.     background-color: #000000;
  434. }
  435. div#footer div.row p{
  436.     margin: 10px 7px 5px;
  437.     padding: 0px;
  438.     font-family: Verdana, Arial, Helvetica, sans-serif;
  439.     font-size: 11px;
  440.     color: #333333;
  441.     line-height: 16px;
  442.  
  443. }
  444. div.row a img{
  445.     padding: 1px;
  446.     border: 1px solid #CCCCCC;
  447.     margin-right: 1px;
  448.     margin-bottom: 1px;
  449. }
  450. div.row a img:hover{
  451.     border: 1px solid #FF3366;
  452.  
  453. }
  454. div.breack{
  455.     display: block;
  456.     clear: both;
  457.  
  458. }
  459. div#credits{
  460.     background-color: #000000;
  461.     clear: both;
  462.     padding: 16px 16px;
  463.     margin-top: 10px;
  464.     margin-bottom: 0px;
  465.     display: block;
  466.     font-family: Georgia, "Times New Roman", Times, serif;
  467.     margin-right: 0px;
  468.     margin-left: 0px;
  469.     color: #999999;
  470. }
  471. div#credits span{
  472.     padding-right: 60px;
  473.     padding-left: 60px;
  474.     font-size: 12px;
  475.  
  476. }
  477. div#credits span a{
  478.     color: #FF3366;
  479.     text-decoration: none;
  480.     border-bottom-width: 1px;
  481.     border-bottom-style: solid;
  482.     border-bottom-color: #000000;
  483.  
  484. }
  485. div#credits span a:hover, #navbar p a:hover{
  486.     color: #FFFFFF;
  487.     text-decoration: none;
  488.     border-bottom-width: 1px;
  489.     border-bottom-style: solid;
  490.     border-bottom-color: #FF3366;
  491.  
  492. }         
  493.  
  494.             {CustomCSS}
  495.         </style>
  496.  
  497.  
  498.     </head>
  499.     <body>
  500. <div id="container">
  501.  
  502. <div id="navbar">
  503. <p><a href="/mobile/">Mobile</a> | <a href="/archive/">Archive</a> | <a href="/rss/">RSS</a> </p>
  504. </div>
  505.  
  506. <h1 class="header"><a href="/"><img src="{PortraitURL-64}" width="52" height="52" border="0"/> {Title}</a></h1>
  507.  
  508. <!-- Left sidebar -->
  509. <div id="sidebar">
  510.  
  511. <h3>About me</h3>
  512. <p>{Description}</p>           
  513.  
  514.  <h3>Link section</h3>
  515. <ul>
  516. <li><a href="<a href="http://flickr.com/photos/30916364@N07/">Flickr</a></a></li>
  517. <li><a href="#">link 2</a></li>
  518. </ul>
  519.  
  520.  
  521. {block:Following}
  522. <h3>Follow this</h3>
  523. <div class="following">
  524. {block:Followed}
  525. <a href="{FollowedURL}"><img src="{FollowedPortraitURL-24}" alt="{FollowedURL}"/></a>
  526. {/block:Followed}
  527. </div>
  528. {/block:Following}
  529.  
  530. </div>
  531.  
  532. <!-- Content -->
  533. <div id="content">
  534.  
  535. <!-- Post -->
  536.  
  537.           {block:Posts}
  538.  
  539.                         {block:NewDayDate}
  540.                             <h4>{MonthNumberWithZero}/{DayOfMonthWithZero}/{Year}</h4>
  541.                         {/block:NewDayDate}
  542.  
  543.  
  544.                     {block:Regular}
  545.                         <div class="normal-text">
  546.                             {block:Title}<h2>{Title}</h2>{/block:Title}
  547.                             {Body}
  548.                         </div>
  549. {block:NewDayDate}
  550.     <p class="permalink">Text posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  551. </a></p>
  552. {/block:NewDayDate}
  553. {block:SameDayDate}
  554.     <p class="permalink">Text posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  555. </a></p>
  556. {/block:SameDayDate}
  557.                     {/block:Regular}
  558.  
  559.                     {block:Photo}
  560.                         <div class="photo">
  561.                             {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  562.                             {block:Caption}
  563.                                 <p>{Caption}</p>
  564.                             {/block:Caption}
  565.                         </div>
  566. {block:NewDayDate}
  567.     <p class="permalink">Photo posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  568. </a></p>
  569. {/block:NewDayDate}
  570. {block:SameDayDate}
  571.     <p class="permalink">Photo posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  572. </a></p>
  573. {/block:SameDayDate}
  574.                     {/block:Photo}
  575.  
  576.                     {block:Quote}
  577.                         <div class="quote">
  578.                             <span class="short">
  579.                                 <span>“&nbsp;</span>{Quote}<span>&nbsp;„</span>
  580.                             </span>
  581.                             {block:Source}<p>{Source}</p>{/block:Source}
  582.                         </div>
  583. {block:NewDayDate}
  584.     <p class="permalink">Quote posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  585. </a></p>
  586. {/block:NewDayDate}
  587. {block:SameDayDate}
  588.     <p class="permalink">Quote posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  589. </a></p>
  590. {/block:SameDayDate}
  591.                     {/block:Quote}
  592.  
  593.                     {block:Link}
  594.                         <div class="link">
  595.                             <h2>&raquo; <a href="{URL}" class="link" {Target}>{Name}</a></h2>
  596.                             {block:Description}
  597.                                 <p>{Description}</p>
  598.                             {/block:Description}
  599.                         </div>
  600. {block:NewDayDate}
  601.     <p class="permalink">Link posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  602. </a></p>
  603. {/block:NewDayDate}
  604. {block:SameDayDate}
  605.     <p class="permalink">Link posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  606. </a></p>
  607. {/block:SameDayDate}
  608.                     {/block:Link}
  609.  
  610.                     {block:Conversation}
  611.                         <div class="chat">
  612.                             {block:Title}<h2>{Title}</h2>{/block:Title}
  613.                             <ul>
  614.                                 {block:Lines}
  615.                                     <li>
  616.                                         {block:Label}<span class="label">{Label}</span>{/block:Label}
  617.                                         {Line}
  618.                                     </li>
  619.                                 {/block:Lines}
  620.                             </ul>
  621.                         </div>
  622. {block:NewDayDate}
  623.     <p class="permalink">Conversation posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}</a></p>
  624. {/block:NewDayDate}
  625. {block:SameDayDate}
  626.     <p class="permalink">Conversation posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}</a></p>
  627. {/block:SameDayDate}
  628.                     {/block:Conversation}
  629.  
  630.                     {block:Audio}
  631.                         <div class="audio">
  632.                             <div class="playeraudio">{AudioPlayerWhite}</div>
  633.                             {block:Caption}
  634.                                 <p>{Caption}</p>
  635.                             {/block:Caption}
  636.                         </div>
  637. {block:NewDayDate}
  638.     <p class="permalink">Audio posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  639. </a></p>
  640. {/block:NewDayDate}
  641. {block:SameDayDate}
  642.     <p class="permalink">Audio posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  643. </a></p>
  644. {/block:SameDayDate}
  645.                     {/block:Audio}
  646.  
  647.                     {block:Video}
  648.                         <div class="video">
  649.                             <div class="playervideo">{Video-500}</div>
  650.                             {block:Caption}
  651.                                 <p>{Caption}</p>
  652.                             {/block:Caption}
  653.                         </div>
  654. {block:NewDayDate}
  655.     <p class="permalink">Video posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  656. </a></p>
  657. {/block:NewDayDate}
  658. {block:SameDayDate}
  659.     <p class="permalink">Video posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
  660. </a></p>
  661. {/block:SameDayDate}
  662.                     {/block:Video}
  663.  
  664.             {/block:Posts}
  665.  
  666. {block:IndexPage}
  667. <div id="index-navigation">
  668. {block:PreviousPage}
  669. <span><a href="{PreviousPage}">&laquo; previous</a> | </span>
  670. {/block:PreviousPage}
  671. <span>page {CurrentPage} of {TotalPages}</span>
  672. {block:NextPage}
  673. <span> | <a href="{NextPage}">next &raquo;</a></span>
  674. {/block:NextPage}
  675. </div>
  676. {/block:IndexPage}
  677.  
  678. </div>
  679.  
  680.  
  681. <!-- Footer -->
  682.  
  683.  
  684. </div> 
  685.  
  686. <!-- Credits are good, don't remove  -->
  687. <div id="credits">
  688. <span><a href="http://www.tumblr.com">Tumblr</a> &raquo; powered</span>
  689. <span><a href="http://www.sid05.com">Sid05</a> &raquo;  designed</span>
  690. </div>              
  691.  
  692.     </body>
  693. </html>
  694.  
  695.  
  696.  
  697.  
  698. <script type="text/javascript">
  699. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  700. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  701. </script>
  702. <script type="text/javascript">
  703. var pageTracker = _gat._getTracker("UA-5792737-1");
  704. pageTracker._trackPageview();
  705. </script>
  706. </body>
  707. </html>

drhowarddrfine's Avatar
Expert
  
Join Date: Sep 2006
Posts: 5,573
#2: Nov 21 '08

re: Font problems driving me CRAZY on my blog. HELP!!

The line right before font-family is list-style-position where you set its value as 'inset' but there is no such thing. Perhaps you meant "inside"?

Not that I think that's the solution but I'm not my dev computer to check it.
Expert
  
Join Date: Aug 2008
Posts: 397
#3: Nov 21 '08

re: Font problems driving me CRAZY on my blog. HELP!!

Ditch the mousetype, the pixel line-height that trips all versions of IE and Opera, make it readable for children of all ages, and scalable in the world's most popular browser-- Internet Explorer.

Left to their own devices, the browsers are far better at typography than both of us put together...

1/ delete each and every reference to font-family, font-size, and line-height throughout the entire style sheet.
2/ add this to the body declaration:
Expand|Select|Wrap|Line Numbers
  1. body {
  2. font: 100%/1.4 Georgia, Times, 'Times New Roman',  serif;
  3. }
  4.  
Reply

« previous question | next question »

/bytes/development

/bytes/it

Forums
Visit our community forums for general discussions and latest on Bytes

Our staff and community areas have moved to bytes.com/forums/

/bytes/about

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 226,471 network members.

dev questions:
algorithms | asp | asp.net | c/c++ | coldfusion | c# | flash | html/css | java | javascript |
mobile dev | .net | perl | php | python | ruby | software dev | vb.net | visual basic | xml
it questions:
access | apache | careers | db2 | iis | macosx | mysql | networking | oracle | postgresql | sql server | unix | windows

About Bytes | Copyright 1995-2009 BYTES. All rights Reserved