A particular reading displeasure

of mine is when I’m trying to read a post and the text gets pushed down repeatedly as images load. [Add: Blog owners who don't realize this because the images are already preloaded in their browser caches in the course of drafting their posts, get a clue already please.]

This can be megas irritating when a post has a lot of images. It’s also particularly egregious since this issue can be easily overcome by adding ‘width=”a in px” height=”b in px” ‘ in the img src HTML tag or ’style=”width: Apx; height:Bpx;” ‘; I’m sure the CSS whizs will have even better suggestions. Inputting image height and width have also been incorporated into Wordpress rich visual editor.

Why oh why oh why doesn’t everyone do it? Come on, guys, gals and traps, it ain’t rocket science!

P.S. After loads of nagging, Stripey saw the light; I’m relieved that at least he didn’t turn this into an ‘Ender won’t login to comment to irritate BOSS Kabitzin’ issue. And the tanuki also turned into be a fan of the align=”left/right” tag; the only other anime blogger I read regularly who is a regular user of this is Hinano.

P.P.S. Teased totali about this too, sometime ago, and, Haruhi be praised, the width and height specifications are de rigeur at Subculture. Now… if he’d only use a theme where each separate comment has its own permalink. Ahaha~~


14 Responses to “A particular reading displeasure”


  1. 1 HInano

    Yea haha my blog’s been align lefted/righted from the start actually…and recently I’ve had posts where I’ll just center images and flood but that’s only when I fangirl. lefting and righting is my standard pretty much

  2. 2 IKnight

    I always did this, until the wordpress.com editor started filling in the boxes for me with the latest upgrade. Jump-scrolling is a pet hate of mine, too.

  3. 3 Kabitzin

    They have their own permalinks, you just can’t see them =D.

    I think height and width are supposed to be used as attributes still, but alignment should be handled with CSS. Not that it really matters that much yet.

    I hate when the pictures fill in and make the page jump as well.

  4. 4 Zyl

    Hinano, I think partisan alignment works particularly well if the image is small but still high visiblity. If its background is the same colour as the blog text background, even better!

    IKnight, I never really got into the habit of using the WP rv editor, the original one never really worked right and the current one added a space in between my images which I didn’t want. Cutting and pasting in plain HTML works fine for me. :)

    Kabitzin, to be honest I find it really hard to ‘get’ CSS. And what is the secret of the totali comment permalinks!!? (BTW subculture’s MySQL seems to be down…)

  5. 5 Deranged

    Sure it is a pet peeve… I actually always wait to load before I read a page, usually I am loading a batch of pages so eventually i don’t get this problem…

    Oh and… Database errors in Subculture!?… T____T

  6. 6 Adun

    Actually I understand this all too well. It always annoys me how I’m scrolling down to read the comments section if I’m revisiting a post and that I have to wait until images have finished loading. Though being a web developer, I’ve gotten used to always adding in attributes into tags. Though I don’t use the align=”left/right” all that much as I try to make images fit the width of my content area.

  7. 7 Zeroblade

    Only reason why I don’t do this is because I type out all the tags manually and it doesn’t seem like Wordpress allows you to use the visual-rich editor.

  8. 8 Kabitzin

    I use a template for the screenshots at the top of my post so I don’t have to type in the width and height every time. I always keep my screenshots the same size (hence those black bars) so that I don’t have to change the numerical values.

    The comment permalink can be invoked by placing a link in the comment that forms the href value by calling (and then concatenating) the post date, the post title and the comment ID (if that is your post permalink structure). Unfortunately, unless you can use Maid Guy X Ray on Totali’s database, you won’t know what the comment ID is. But if you did, then you could form the URL yourself.

    CSS is in many ways a method of modularizing your web page design. Instead of setting up values for a tag every single time the tag popped up, you can give the tag a name, and then set the rules for tags with that name in the CSS file.

    The crappy part of CSS is that it is more work in the beginning, to give names to all your areas. This is why I always advocate Sandbox. All Sandbox is is a very plain theme, but every single area has already been named. So by seeing what all the names are, you can get a Sandbox theme to look like anything you want (although a K2 clone would not automatically have all the neat AJAX features like that navigation slider).

    Let me know if you ever want a hand with crafting a CSS stylesheet or redesigning. I always liked how cool K2 was, but I got tired of maintaining it, and it isn’t that easy to modify.

  9. 9 aurabolt

    I seem to get off every time you bring up the topic about specifying width and height in images… *cough*

    Glad to see those thoughts in post form. Saves me the trouble of finding and quoting from the comment at Jason’s blog. And yeah, it isn’t much work in reality. The code can be manually typed once, and then copy/pasted through out the rest. Well, outsiders might call us masochists for doing all the manual work.

    I personally get anal about images beyond just width-and-height though. My second reading displeasure (besides width and height) is when a blogger doesn’t resize his/her images, which all end up looking squashed/distorted. I heard from a friend that this doesn’t happen on Opera browsers, but the majority use Firefox in reality. After that is pet peeve #3—images lacking borders. I don’t hold the latter against people though. I do recognize it as a personal visual preference. (See link if anyone will.)

    Lastly, I am guilty to admit my lack of success with align codes. Using Hinano blog as an example, Never liked how the text sticks right next to the images. I guess that can solved by playing with the CSS, but I am not really up to it. If I do use align, I tend to edit the actual image to have whitespace depending on which side it is aligned to.

  10. 10 Zyl

    Zeroblade, I type everything manually too. Don’t be such a lazy sod and show some appreciation/respect to your readers. :P Also your assertion that Wordpress.com doesn’t allow rich visual editor is also plain flat wrong - click on ‘Users’ (on the extreme right under Dashboard), then ‘Your Profile’ and then check the box for ‘Use the visual editor when writing’. Ta-dah!

    aurabolt, resizing by attribute rather than image editor is another pet hate of mine but nowhere as much as jump-scrolling. Ironically non-resized images actually use the width and height attributes to do so. LOL Actually I did that meself by accident during my Code Geass ep 6 post. re: lack of borders… it depends, it looks fugly in some themes…

    Kabitzin, thanks for your offer; count on you to plug Sandbox. :) I’m quite happy with cut and paste for the time being… after all, I started out doing webpages with Notepad and have never really evolved beyond that! orz And yes, I could definitely use them Kogarashi X Ray vision. KUKUKU

  11. 11 Baka-Raptor

    I care enough about my readers to treat them to the element of surprise. Nobody likes reading (it’s all means to an end), so when they’re in the middle of a boring sentence - BAM - a picture shows up. “Thank you Baka-Raptor!”

  12. 12 DKellis

    That pet peeve is exactly the reason why I always include width and height attributes for my images.

    Also, because I am a typical Singaporean and I mugged HTML 4.01 until it’s rote-memorized second nature now. This does mean that I’m having plenty of difficulty with XHTML, at least until I start mugging that too.

  13. 13 usagijen

    ack, thanks for enlightening me on this, Zyl… I can’t believe I’ve been sinning for soo long!

    that, and I also have to tweak our theme (or switch themes) to have the comment permalink.

  14. 14 Zyl

    Baka-Raptor, though hopefully the surprise shouldn’t be like the type enjoyed by the lawyer guy hiding in the toilet in Jurassic Park. ;)

    DKellis, I’m also part of the HTML 4 generation, though I was self-taught. orz There’s an argument that teaching BASIC as the very first language ruined a generation of computer programmers; likewise the XHTML and CSS advocates would probably be saying the same about HTML 4. LOL

    usagijen, if this post has made a difference to even just one blog I am a happy Zaku. Thanks for making my day! :D

Leave a Reply

Quicktags:




Bad Behavior has blocked 743 access attempts in the last 7 days.