<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8846132\x26blogName\x3dElena\x27s+Web+Journal\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dSILVER\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://elenalua.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://elenalua.blogspot.com/\x26vt\x3d6531032340018644675', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Elena's Web Journal


Wednesday, September 19, 2012

Images alignment problem in Blogger

The div layers where the pictures are placed messes up alignment. Have to manually delete div tags to achieve this:

In Edit Post section, select HTML mode then click 'Insert image'. Blogger will then open a window for you to upload a picture and select its layout. Select 'None' so that no div code will be generated to wrap the picture. This is a flaw; The upload options in both 'Insert Image' sections should be in one place.

Here's 4 pics uploaded using 'None' layout:

There are other workarounds I haven't tried. People who has some html code knowledge would be able to manipulate around these problems better too.

End of test.


Post a Comment

<< Home