Here is my first couple of pages of my R Markdown presentation that I am trying to create.
Statistics 101
========================================================
author: ManiL
date: June 17, 2015
Review of Statistical Concepts
========================================================
Definition
- Statistics is the science of data collection, analysis and interpretation of results.
====================================================
I would like to add a footnote that will appear on every page. I see suggestions online but would like to see an actual example.
Thanks to my colleague Shibing, here is what I did. I included the following at the top of my first slide above the title page which actually fixed the problem. thanks to everyone for your time and support.
<style>
.footer {
color: black; background: white;
position: fixed; top: 90%;
text-align:left; width:100%;
}
</style>
<div class="footer" style="margin-top;font-size:80%;">
Footer for every slide </div>
Well if it means that you need a markdown then here it is .
# Statistics 101
**author: ManiL date: June 17, 2015**
## Review of Statistical Concepts
Definition
###- Statistics is the science of data collection, analysis and interpretation of results.
Hope This is the markdown you are looking for.
Related
I'm trying to edit a wordpress theme and I'm getting some problems with some images that just don't want to appear on IE8. Other versions of IE render the website as it should, but IE8 gives me this headache that I don't know how to cure.
Please take a look.
I really don't have any clues why this is happening.
Help!
The problem is caused by the images having this CSS rule:
max-width: 100%;
To fix it, you can remove that rule altogether if you don't actually need it, remove it just for Internet Explorer 8 (see this question), or add these two CSS rules to the parent a tag:
display: block;
width: 300px;
You have issue with your CSS on IE8. Try adding "width:30%;" on the div that holds the image something like this:
<div class="hentry post publish post-1 odd author-admin category-oferte-pelerinaje" id="post-32">
<div style="float: left; width: 30%;">
<A title="Pelerinaj la Schitul Sfantului Ierarh Modest – Judetul Arges" href="http://pelerinaje.tapet-online.ro/pelerinaj-la-schitul-sfantului-ierarh-modest-judetul-arges/"><IMG class="archive-thumbnail featured" alt="Pelerinaj la Schitul Sfantului Ierarh Modest – Judetul Arges" src="http://pelerinaje.tapet-online.ro/wp-content/uploads/2012/12/117491_ierah-modest-220x150.jpg" width=300 height=225></A>
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 10 years ago.
I got an issue with chrome.
A h1 Tag is formatted smaller than in IE and FF.
Here 2 screenshots:
I don't have a clue why is that. Do you have?
Sorry, but I don't want to post the URL here because it shouldn't be indexed by google. But it's e. g. like
ssd[minus]vergleichen.de/ssds/technische-daten/881/ocz-vector-128gb-2,5-Zoll.html
(Just C+P it and replace [minus] with -).
edit: This is the code:
#producttitlecontent {
padding: 6px;
margin: 2px;
background: #FDE5CA;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#producttitlecontent h1 {
text-align: center;
color: #686868;
padding: 4px;
font-size: 1.7em Verdana;
}
<div id="producttitlecontent">
<img src="../images/bkbtn.png" alt="Zurück" onClick="history.go(-1);return true;">
<h1 itemprop="name">OCZ Vector 128GB 2,5"(VTR1-25SAT3-128G) </h1>
</div>
The user agent (Chrome) built-in style sheet looks like this:
any(article,aside,nav,section) h1 {
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
}
So the section tags that you are placing it in causes this. Is there anyway you can avoid use the section tag? I know this isn't ideal but I'm just explaining what is happening.
If you move the h1 tag outside of the section tags, it appears in a larger size (I tried it).
Im gonna agree with #j08691 who commented on your original post and follow up with the mention of inherited values. It is very much likely the case on your body or your containing element, or even at a document level somewhere you have defined a font-size on a "master" element, and due to your use of em (but not limited to.) every layer within the main element will base its font size off the parent element it comes in, so 1.7em on the outside is smaller on the inside and smaller inside that and smaller inside that and the values keep inheriting based on its parents calculated size.
Well I solved it myself I think. The solution was so easy I don't even dare to post it. I wrote
font-size: 1.7em Verdana;
facepalm! Thank you all for watching this anyway
This is my first post. So:
I'm working on an HTML e-newsletter using the same template I've used for a while now. The template has worked well until recently (the bit of code I have been using is below). Suddenly Outlook 07/10 are not behaving the same way I perceived that they had behaved in the past. They don't appear to be honoring white-space attribute when it comes to hyphens. All other email clients are behaving as I expect (they're honoring white-space attribute).
One of the elements in the newsletter is an ISBN, which is a set of digits separated by hyphens like, "978-1-555-97610-1". The ISBN is in a span tag that is part of a line of text inside a p tag that along with many other p elements, and possibly an img, reside inside a table. I need to prevent ISBNs from breaking on hyphens and wrapping onto new lines.
I can't use non-breaking hyphens, and I have researched this problem a lot in the past (I get a lot of ISBNs in my line of work), so I hope I'm not posting something that's already been answered a billion times.
Any help is deeply appreciated!
Thanks,
Andrew.
CODE:
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; margin-bottom: 0px; text-align: right;">
Metropolitan Books · 384 pages · $18.00 · paperback ·
<span style="white-space: nowrap;">978-0-8050-9466-4</span>
</p>
How about non-breaking hyphen ‑
Use the <nobr> tag.
E.g. <nobr>978-0-8050-9466-4</nobr>
I needed to have an element not break in an email viewed through Outlook 2013, but not break on spaces. As much as I hate hacking, the way I tackled this issue was to use non-breaking hyphens, but set their color to the background-color of their parents:
<div style="background-color: #fff; color: #000;">
New<span style="color: #fff;">‑</span>Listing
</div>
I have been working on a similar problem except in Outlook 2016 and white space (spaces), and the solution I found that worked for me is using html character.
You might want to try adding width to this, if possible. Then it is not breaking.
I'm trying to "replace" text with an image in all of my h3 tags. I want the image to be in the html to avoid multiple h3 classes as this is being done for a portfolio and there will be about 10 h3 tags on the page. My image is 156x44. My question is, will this be viewed as an attempt to hide, stuff keywords by google for seo purposes? If it will then does anyone know a better way to accomplish this?
CSS:
h3 {
display: block;
width: 156px;
height: 44px;
overflow: hidden;
}
Html:
<h3><img src="images/project001.png" alt="Project 001" />Project 001</h3>
Matt Cutts addresses this question himself over at threadwatch. Pretty much he says to freely do text replacement, just don't try anything spamy like keyword stuffing. Later he clarifies that they:
...flag text that appears to be hidden
using CSS at Google. To date we have
not algorithmically removed sites for
doing that. We try hard to avoid
throwing babies out with bathwater.
So they might not be penalizing sites at all at this time for using CSS to hide text.
This has probably been asked before but I can't find any relevant post using the search system.
I'm looking for a site where I could host my own blog. Unfortunately, I found none that have the kind of code block friendliness found on our very own stackoverflow (not one where you have to manually convert < and > into < and >).
If the answer is "there is none, duh!", and I am condemned to install my own blog software, then which one should I use for a "coder blog" -- knowing that I'd like it to be ultra-simple to set up.
Thanks.
I use a combination of BlogEngine.NET, Windows Live Writer and a WLW extension to format/place the code block in my blog.
Scott Hanselman has a blog post about this topic here.
There is a pretty sweet client-side (jQuery-based) code formatter here that you also might want to check out, that sounds blog-software agnostic.
I use appengine and bloog mostly because of this feature (and because I can extend it anyway I want). The good thing is it's relatively easy to set up and free. If your blog makes enough traffic to go over the limit for free accounts chances are you can get your money back from it.
I was pulling my hair out trying to format code on Blogger until I found this handy utility. It's not a perfect solution, but it goes a long way.
This css script might be useful to all - It is not for syntax highlighting but works well for presenting the source code in original format :
<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;
color: #000000; background-color: #eee;
font-size: 12px; border: 1px dashed #999999;
line-height: 14px; padding: 5px;
overflow: auto; width: 100%">
<code style="color:#000000;word-wrap:normal;">
<<<<<<<YOUR CODE HERE>>>>>>>
</code>
</pre>
How to use :
Paste this snippet in text editor,
paste your code in <<<<<<>>>>>> block.
Copy all and
paste to HTML view in blogger(or any other) post editor.
BENEFITS : Simple and easy to use, less configuration, easy to reconfigure, no extra software