I was wondering if there is any way for my links not to get underlined/change color when I hover them.
Well <a> tag is used for links. But if you want to have link in a text without the decorations in it i recommend you to use CSS. Add this to your <head> tag.
<style type="text/css">
a.class{
text-decoration:none;
color:#000000;//Your default color
}
</style>
Else try to clarify what you want to do.
Not sure exactly what your issue is, but you can definitely find ways around highlighted text if that's the critical issue here. What I might try, is wrap this code in a <div> tag and give the class to the <div>. It may looks something like this:
<div class="yourClass" id="yourID">
Highlighted Link Text
</div>
And use CSS to deal with the text-decoration.
You should only use the <a> tag if you're looking to link. Otherwise, use something like the <p> (paragraph) tag.
Related
Is there a way to style a tag within a tag using inline css?
For example, is there a way to turn text red using something such as:
<div style="p {color:red;}">
<p>Some Red Text</p>
</div>
The editor for the application I'm using strips style tags and is generating p tags automatically so I can't use the normal methods. (External CSS sheets, also aren't an option).
I've looked around and can't see a way to do this, any help is appreciated.
Thanks!!
You can use inline CSS in this way.
<p style="color:green">Some Red Text</p>
I create a Jsfiddle, you can have a look. Plus here a good article about stylesheets.
This is the answer:
just use - style="color:red" for the div styling
no need for the p{}
see this link
http://www.w3schools.com/html/html_attributes.asp
observe the HTML code.inside the tryit editor.
what should we use for it?
we any plugins or javascript for it?
use style attribute to give any type of style to any of the html element. Eg
Some link here
The best way of styling is using css. Here is a the turorial for that.
If you want to change the color of the background you can add
style="background-color:COLORHERE"
eg:
<body style="background-color:red">
or if you wanted to change the color of your font you can just add
style="color:COLORHERE"
eg:
<p title="About W3Schools" style="color:orange">
This all are attributes on that page that are added to a tag as in a and p they have used.
They are used for styling. When you are using style in your <p style="color:red"></p> , so over-here you are changing the color of font i.e. content that is present in-between p tag, font-color gets change from black to red. Same way we always add alt attribute to <img> and title has they have used in <p>. This two are not visible but plays main role with search engine.
Is there anyway to don't underline link in html? I can't use style and css.
for example this code use "style" which can't be used in html emails, any other ideas? Css also can't be use. Thanks for help! It that even possible to achieve it without css/style?
<font color="f8931c"><i>Text...</i></font><br><br>
As much as we want to avoid the dreaded important tag, for html email templates, you will have to add it to your text-decoration property like this:
<font color="f8931c"><i>Text...</i></font>
OR you can just wrap the text wihtin the anchor in a span and style the span instead like this:
<span style="text-decoration: none !important;"><font color="f8931c"><i>Text...</i></font></span>
This is a simple question that I'm having lots of trouble finding the answer to. I'm setting the color of links like so:
<a style="color:#3067b3;text-decoration:none;" href="#">colored link</a>
But when I click the link it turns white for no reason, and I have not been able to change it back. Does anybody know why this is?
NOTE: I am designing an email that is meant to look correct across different email clients. Otherwise I would be specifying styles in a CSS file.
Stephen's solution did work for me. I can't comment yet, so here's the necessary code Rajneesh asked for:
<a href="http://www.example.org" style="text-decoration: none; color: #EC7405;">
<strong style="text-decoration: none; color: #EC7405;">Example Link</strong>
</a>
Make sure to use <strong>, I tried it with a <span> first, but that didn't work, it needed to be a <strong> tag for some reason. Also make sure to add at least the "text-decoration: none" style to the <a>, otherwise there might appear an underline after the link was clicked. I used the sure solution and added the full style to both the <a> and the <strong>, better safe than sorry ;)
I was having the same issue and found that adding a strong tag around the link text prevents it from turning purple on click. If you dont want the link to be bold just add font-weight:normal to the strong tag
The best way from my experience is using standard body link and vlink, it does work in outlook
<body link="#DD0000" vlink="#DD0000">
Here
</body>
Most Email clients will completely ignore any CSS thats not inline, so external stylesheets are not the way to go
What would be the proper way to do this? I have an <h1> tag, and I want to display a <a> that is inline with it.
display: inline
should do the trick. It will make the <h1> behave like any inline element.
By default the h1 tag has a display:block; Thus changing it to display:inline you will lose the normal feel of an h1. But your link will directly follow it.
Also why not just place the link within the h1 tag? ie:
<h1>Hello World</h1>
Or you could float it to the left (or right):
float: left;
However, this can cause other problems sometimes.
Also, margin-top: - height-of-h1 on a could do the trick - you have like 1000 options (almost literally), we can't tell you more until we see some sample code.
Or you could use a tag:
<h1>Important title <span style="float:right">Link</span></h1>