CSS links behaving differently in Chrome and Safari vs Firefox -
Currently I have 2 issues. First of all, there is a gray border around the image link in Chrome and Safari. Firefox does not have a code here:
& lt; A href = "link.html" target = "_ blank" & gt; Link title & lt; Img class = "left" /> gt; & Lt; / A & gt;
and CSS:
.aving {background-image: url ("images / leaving.png"); Height: 10px; Width: 10px; Display: inline-block; Background repeat: do not repeat; Border: None; }
How can I get rid of the boundary?
In addition, some top links are being underlined in Chrome and Safari, even if I did not have any text-decoration. I would like to know how to get rid of graphs and how to change colors.
& lt; A href = "link" & gt; & Lt; H3 & gt; Title & lt; / H3 & gt; & Lt; / A & gt; An H2, H3 {color: # 00264B; Text-decoration: none; }
"A" is set to underline other places, but "an h3" should not override anything else? What is happening?
Thank you.
You have a possible bug code :)
You have so far What is:
one h2, h3 {color: # 00264B; Text-decoration: none; }
The above code says that all of the H2 is contained with the "one" tag, and all H3 (which are not contained in the "one" tag)
First of all, you want all H3 that are contained within the "a" tag, you need to do this:
one h2, one h3 {color: # 00264B; Text-decoration: none; }
Note that I've added CSS
and "A", and maybe even more important, I think it attaches to "one" tag. Better form is the way you are doing it inside of the "H" tag:
h2 a, h3 a {color: # 00264B; Text-decoration: none; }
but it will not work with your existing code:
Hope it helps
Comments
Post a Comment