Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the wpautoterms domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/u996806617/domains/vidyut.net/public_html/wp-includes/functions.php on line 6121
Styling links, but not image links - Vidyut

Styling links, but not image links

This slideshow requires JavaScript.


Its been an irritating thing with css where you style your text links beyond the typical text-decoration:underline and your images seem to be married to it. It is quite impossible to target the look of text links in general irrespective of class without applying effects meant for text to your images, as you see under the tilted image above.

What looks good for your text links need not necessarily do your images any favours.

I am using a solution that should work for many modern browsers (not till IE8), so this is a catch.

Instead of a:hover{} I use a:not(img) a:hover{text-shadow:whatever; transform:something;etc:etc;} of course, this is going to create problems with a vast percentage of visitors still using < IE9, which don't support :not()

So, my workaround is to use CSS3 effects that IE is unable to render to style text links. If the effects are rendered, they are also not rendered on image links. Otherwise, I style them in a back up manner, which may not be my heart’s desire, but will also not wreck the look of my images. One good way is to change the link color and use text-decoration.

If you want updates.


Posted

in

by

Tags:

Comments

One response to “Styling links, but not image links”

  1. Mazher Avatar
    Mazher

    Nice to start with. 90Gb will not be enough, you can have an external hard drive for 700+GB and can be attached with your server via USB.

Leave a Reply