:after link image [SOLVED] - CSS-Tricks

This topic is empty.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
April 22, 2016 at 1:22 pm #240834

I.m.learning
Participant

I am using one of Amazon’s images to use inside my link to distinguish it is a link outside my pages.

I am using

a[target=”_blank”]:after {
display: inline-block;
width: 25px;
height: 25px;
content: ” “;
background: url(http://honestlee.info/img/amazon.png)
no-repeat 0 0;
background-size: 100%;
}

This works fine as long as I use style inside the respective html page; but does not work when placing it inside its respective css. I have performed many fruitless searches.
Any ideas?

Since all images are on my server, I can use absolute paths anywhere in my site, move them wherever, and still have them work because I have already done this for my body and background images and they work fine.

April 22, 2016 at 1:39 pm #240836

bearhead
Participant

It’s working in this demo I put together:
http://codepen.io/kvana/pen/QNBQoo

The css you posted has some goofy quotation marks in it… that might be due to the fonts this site uses, but you should probably double check your css to make sure that the regular quotes: " are being used.

April 22, 2016 at 1:48 pm #240837

I.m.learning
Participant

No, as I stated, it works, the site threw the quotes off-as you stated. This was an issue when taking our PHP course in college. We all used Word; when we copied to Notepad++, it used the start/end quotes and not straight quotes.

http://www.honestlee.info/About/about-Brian.html

It keeps the straight quotes. Still fails when I place the code in my css. Not sure why it works in the html, but not in the css; that’s why I am asking.

Many times I can find the answer, my searches only gives more examples…and not very descriptive ones. I’m still working on my periodic table and have gotten nowhere in around 4 days because I am looking at so many different toys to play with (mainly svg).

April 23, 2016 at 12:01 am #240843

Shikkediel
Participant

Are you refreshing cache then? It seems to work fine when I place it inside the existing stylesheet on your site…

Could you change the page to have the relevant style externally (so not working)? There’s no way to debug the issue otherwise.

April 23, 2016 at 4:47 am #240847

I.m.learning
Participant

It seems I went with the wrong service. 90% of the issues I have aren’t issues at all. I wake up in the morning and perform the same tests as the night before and they work. Just like now. Yeah, it works.

I always clear my cache for every change I make. I learned that weeks ago. I also do not allow the browsers to auto-fill my typed address.

It seems the server has too much traffic and my changes made work immediately for some , but takes time for others. I just transferred my code to css and the pages show it.

Unfortunately, I have until next March before my domain expires. Gives me plenty of time to research for a new host.

How many people here have issues with editing their css or js on their host’s server? It seems every time I edit either, the browser stalls and I have to close the browser in order to make the changes. name.com is useless for help.

When I open my files page and use dev tools to examine their code, this is what comes up:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>

You’d think they would use the most recent version of html for server pages. I don’t know. I used this version for my first website; that’s why I scrapped my design 3 weeks before the end of class–to ensure I am using the best practice and most recent technology.
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The forum ‘Other’ is closed to new topics and replies.