Welcome to WebmasterWorld Guest from 54.92.197.82

Forum Moderators: not2easy

Message Too Old, No Replies

Styling image alt text

Making alt text bigger in IE

     
12:37 am on Jul 14, 2014 (gmt 0)

Preferred Member

10+ Year Member

joined:Apr 1, 2005
posts: 370
votes: 0


For the images on my site, I'm using the following general code.

<img src="image1.png" alt="Image 1">

And I'm styling the alt text with

img
{
font-size: 20pt;
}

The styling works with Firefox, but not with IE.

Is there a way to increase the size of the alt text on IE?
10:26 pm on July 14, 2014 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Sept 21, 2002
posts:755
votes: 10


The image should inherit the body or html styling.

Have you tried using !important in your img css?
11:07 pm on July 14, 2014 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:14429
votes: 576


Show me an !important and I'll show you a styling conflict.

The <img> tags are presumably located inside something else. So look for css that says
.blahblah img
or even
.blahblah *

Is there an Element Inspector type plug-in/add-on/extension for MSIE? Obviously not much point checking in a different browser, since they'll probably only show the rules they themselves chose to apply. But try to find where the point-size is coming from.
1:38 pm on July 16, 2014 (gmt 0)

Preferred Member

10+ Year Member

joined:Apr 1, 2005
posts: 370
votes: 0


There's probably a way to do it with coding, but I think the best way is to make sure I don't have any broken img links.
2:58 pm on July 16, 2014 (gmt 0)

Administrator from US 

WebmasterWorld Administrator not2easy is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:3561
votes: 197


What version of IE are we talking about? They aren't all the same.