I'm trying to create a social widget for my own blog, but I don't know why when I have everything valid, I mean no syntax error and is not displaying it on my blog correctly?
The code is very long, and I don't think I should include it here?
So I did include the code here http://jsfiddle.net/naKEv/
I'm trying to make it similar to this
but mine when it displays on my blog is not showing it right.
I'm also using css sprices to combine the pictures, but that is not a problem I guess because if I'm using a table to create the code it still display but not the way it suppose to be.
You have fixed the height of #share_icons remove that.
Demo
Please check your TAG's check this:
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span></a>
</th>
Your </th>, </span> & </a> are close but not start check.
Related
I would like to know if it is possible to create a link to a specific span in someone else's page. For putting on a website or blog one might create for themselves, or even a local page one uses to put links to something interesting they found maybe.To be more clear, I want the link this way so that when someone clicks on the link, it goes to a specific location on the page, mostly for a long page where you want someone to go directly to the relevant information - when that part of the page doesn't have an anchor element you can make use of. I am using Wikipedia as an example, even though it might not be the best example, because I know Wiki uses it's own way of doing certain things. Say you wanted to link to the Wiki page "List of fallacies" and the span for the sublist titled "Red herring fallacies".
The page link is :
"https://en.wikipedia.org/wiki/List_of_fallacies"
Using Inspect Element, I got this for span :
<span class="mw-headline" id="Red_herring_fallacies">Red herring fallacies</span>
I tried to combine them like this :
<a href="https://en.wikipedia.org/wiki/List_of_fallacies<span class="mw-headline" id="Red_herring_fallacies">Red herring fallacies</span>">Red
herring logic fallacies list</a>
I am just wondering; am I a) doing it incorrectly for just using HTML, b) it can be done, but you have to use additional assets (CSS, JavaScript, etc), or c) it isn't possible to do at all?
I would like to do it using just HTML if possible, but if that is not possible, then I would appreciate it if someone can tell me how you might do it some other way - if it isn't impossible altogether. Thanks
Edit: My page is marked as a duplicate of answers to an earlier question, and from looking at the page it appears that this IS true. But I think my question heading itself was more clear to a beginner without much knowledge of advanced topics in creating webpages. Thanks for all of the help, and if the moderator believes my point is not relevant then please feel free to do whatever you do with duplicate questions.
you are missing a close "> just before the span started and you are missing the anchor in your href like this #Red_herring_fallacies, because span has that ID
<a href="https://en.wikipedia.org/wiki/List_of_fallacies#Red_herring_fallacies">
<span class="mw-headline" id="Red_herring_fallacies">Red herring fallacies</span>
Redherring logic fallacies list
</a>
The span has an ID. Use that as the parameter in your URL in the link.
Red herring logic fallacies list
To target an id you must add #theId at the end of your url.
The result will look ass follow:
<a href="https://en.wikipedia.org/wiki/List_of_fallacies#Red_herring_fallacies">
Red herring logic fallacies list
</a>
I'm trying to remove text (with a specific class) from MT:EntryBody. More specifically, I'm trying to remove headers from my summary pages.
On this page, http://www.taconic.com/taconic-insights/microbiome-and-germ-free/, in the middle of the first entry there is text that says "Defining Rodent Health Standards". This makes no sense in the summary (because I'm stripping HTML - obviously). SO I want to just remove this line from the summary. I tried using a tag as well as a CSS hidden class but I can't get this to work properly.
Thoughts?
To clarify, you want to remove this in the entry body?
<h3 class="hidden">Defining Rodent Health Standards</h3>
Then, before stripping HTML, you need to use a regexp to catch and remove those blocs. Then, you can remove HTML.
See https://movabletype.org/documentation/appendices/modifiers/regex-replace.html
The easiest thing you could do is to replace:
<$mt:EntryBody$>
With:
<$mt:EntryBody replace="Defining Rodent Health Standards",""$>
Glad to answer also other questions that you might have!
I've been looking around and I can not find an answer to this.
Suppose I put the cursor right between the number 2 and the greater than sign in the following h2's opening tag.
<h2>Hello world!</h2>
And then I type .text-uppercase which gives me:
<h2.text-uppercase>Hello world!</h2>
After which I expand the abbriviation and I get
<h2 class="text-uppercase">Hello world!</h2>
Is there a way to achieve this by another method?
Maybe this works in your editor, in my personal VS Code installation, its not working, the action is Update Tag
your question is not that clear
i think you want this
var h2 = document.getElementsByTagName("h2");
h2.classList.add('text-uppercase');
now you can do it onClick or using some other trigger
happy coding!!!
hope it helps
I have this code on my blogger theme.
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
how can I put /?rel=author behind data:post.authorProfileUrl.
I have tried to put that directly like this
<a expr:href='data:post.authorProfileUrl/?rel=author' rel='author' title='author profile'>
but it didn't work.
I'm expecting something like this
<a href="https://plus.google.com/+ZinebAitBahajji/?rel=author">
Please help
Display post author, date, labels and comments with icons below post titles
This is not actually what you are searching for but This article may be helpful to you. You may get some Idea from the above mention step by step article.
I'm asking you to help me for solving this mysterious issue:
When I visit this web page http://www.legrandclub.net/members using IE8 it's displayed a double border bottom below search field. How is it possible? I've checked a lot of times CSS rules but I haven't found any rules that can be the reason of this issue.
Can you help me?
Thanks
First search the following lines. It's invalid to redefine the same id.
<div id="container">
<div id="content">
<div id="container">
<div id="content">
line 1033 tr is not finished properly
also line 1059 </div> this closing div appear to be not necessary.
I see a couple problems with your markup which could be causing the problem.
Only use an id once. #eric-fortis said it right.
You have a table inside of a div inside of a form. Use tables only when you want to show an actual table, and if you're going to use a table, make sure to close the table! (</table>)
You have a form inside a form, this will never fly.
Your id usage is confusing. If I can't come in and find the problem that means no one on your team can (yourself included).
Once you fix those problems you might be able to find the mistake.
Both Eric Fortis and citizen conn have good answers ... the more general answer is to upload or paste your code to http://validator.w3.org/ or point the validator at your page's URL.
I'm not a nit-picker for 100% correct validation, but your HTML structure needs to be valid or you'll have no end of CSS mysteries.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.legrandclub.net%2Fmembers&charset=%28detect+automatically%29&doctype=Inline&group=0
Validation Output: 7 Errors