Thread history

Fragment of a discussion from Talk:LiteRumble
Viewing a history listing
Jump to navigation Jump to search
Time User Activity Comment
No results

Oh on that note. The css style:

img {
    width: 30px;
    height: 18px;
}

Should help prevent any strange image sizing bugs.

Chase19:29, 26 March 2013

I'm pretty hopeless with css, if you could provide that as an entire code snippet with example <img> tag and everything I'd be happy to integrate. Is there any chance of it going wrong if I keep all the images 30x18 though?

Skilgannon19:43, 26 March 2013
 

Gah, liquid threads ate my response again.

Anyway that is a complete CSS code snippet. It is just saying all images (rather all <img> tags) should be displayed at 30x18. If you just leave this bit of code out, the <img> may display at any browser specific size while loading (before the browser can load the image and see how big it is). I know some of them default to things like 100x100 while loading. Which may make the page look... weird while loading.

This was more of a problem when each package had a separate flag (and thus we had to load more images, which took longer), but it is still a valid problem.

Chase20:06, 26 March 2013
 

So I just stick this in my styles.css file and everything sorts itself out?

Skilgannon20:08, 26 March 2013
 

Pretty much.

Chase20:08, 26 March 2013
 

Unless you add more images which are not flags. That css snippet affects all images on the page.

MN21:44, 26 March 2013
 

Yeah, I said "all images" and "all <img> tags".

Chase09:57, 27 March 2013