There used to be an HTML way to center align things such as texts, images or other contained elements. For the sake of semantic markup, let’s forget about it from here. CSS is the only correct way to align things such as texts and images center now. To center align a paragraph or an image, …
CSS: Align Center — Center Align Texts or Images in HTML and CSS Read More »
Yeah, well, I know, I just wrote a quick post for those who don’t know how to align text left in HTML. Silly. Now comes a redundant one for those who don’t know how to align text right in HTML and CSS. [Someone from beyond the web page and monitor screen throws me a tomato: …
CSS: Align Right — Make text or image aligned right in HTML page Read More »
Believe it or not, though this is rather basic in CSS, someone just poked on Gtalk to ask how he could align a paragraph left in HTML as he could in Word. Here goes a quick post for the solution: p {text-align:left;} /* a generic styling rule for all p tags to align inner text …
CSS: Align Left — Make text or image aligned left with CSS Read More »
Yeah, well, Google employee, who’s made famous by his SEO blog, Matt Cutts said in twitter a few days back: Google.co.jp PageRank is now ~5 instead of ~9. I expect that to remain for a while. Or maybe they (Google) are just tired of insanely unachievable PageRanks of themselves and did this for a bit …
On index or transitional pages, such as homepage or category pages of WordPress, you don’t want to show the full texts of your deep content pages yet but just a content snippet of the first few sentences or words as a summary with a read more link to the actual article. This is generally good …
There used to be a plugin to grab and display most recent blog posts from WordPress database. Well, while you still can use it to get recent posts and them shown on homepage or in sidebar, you can now conveniently add a recent post widget from the WordPress control panel => Appearance => Widgets if …
WordPress: Show Recent Posts on Homepage or in Sidebar Read More »
Putting text over image or pictures is a good way to give simple title information to that image or declare copyrights without tampering with the image itself. Real texts on an image with CSS This lovely image gladly demonstrates how I (this text) can be flying over her face. It’s very kind of her but …
CSS: Text over Image – Add Text Caption to Images Read More »
CSS itself is an important part of web page design, but just the bone of it. Without pictures and photos, CSS is not more than just paragraphs of texts. To embed a picture or photos of yours in background, you need a simple CSS rule: background. Say you have a nice picture named mypic.jpg that …
Populating a drop down list control <select> from a php array is easy, the following function would do it with a breeze. Assuming an array of IT companies: $companies = array( ‘Microsoft’ => 1, ‘Google’ => 2, ‘Apple’ => 3 ); Feed it as a parameter to the php function below: function generateSelect($name = ”, …
In pure CSS solutions, a double border can be achieved via either a combination of single borders or a single double border style. 2 single borders The HTML: <div class="wrap-1"> <div class="wrap-2"> </div> </div> The CSS: .wrap-1 { border:1px solid blue; padding:1px; /* how far away 2 borders are drawn, remove this line to make …
If you are going to make part of the page totally transparent, there are essentially 3 CSS ways to achieve element transparency: opacity:0 (needs 2 more hacks for different browsers) visibility:hidden display:none Bob, the man! Let me take the example of Bob sitting in a chair to explain how these styles are different from each …
CSS: Difference between opacity:0, visibility:hidden and display:none Read More »
Let’s face it, the native implementations of file uploading control of HTML form is ugly, throughout most of the browsers, and not consistent at all. Plus, <input type=”file” … /> just doesn’t play by quite a few of the CSS input styling rules such as border and background, making it a even bigger challenge. Now …
CSS: Styling File Upload / Select Input Control <input type="file" … /> Read More »
Well, just came across a rather insightful post by ronburk at Webmaster World, which by the way, is probably the most resourceful place for any veteran webmaster. Consumer behavioral analysis is one of the most important part of any marketing campaigns in any industry. The better you get to know your customers, the better you …
Log Walking – Walk through your website logs and be in the shoe of a visitor Read More »
One of the guys started a thread complaining about his internet connection: Is it just me or is half the internet down? Hilarious!
Consider a PSD wordpress theme design with a blog post title like this: Apparently there’s a whole image background on the page instead of a solid color wherein the page title falls into, making the situation a little more complicated. Because if it’s just a solid color, I can simply do the following to achieve …
A tiny little quick tip for javascript beginners. While you still can execute javascript code upon page loading completion with: <body onload="jsFunc();"> You can just attach or define an onload event to body in the normal code flow: window.onload = function() { jsFunc(); }
When I’m coding for a new sub site where I need to show the local time of mine and my developers’ wherever the visitors are. Things get a little bit more tricky. Time basics in JavaScript and PHP To offset time zone differences in calculation, both JavaScript and PHP specs have time stamps representing the …
In JavaScript, you initiate an array of 3 elements by: var myArray = new Array(3); Or: var myArray = [”, ”, ”]; And then to populate them with some values, you need: for (var i = 0; i < 3; i++) { myArray[i] = i; } This is pretty much a single dimensional array. To …
Checkboxes is probably one of the most frequently used form controls which come handy in dealing with one to many relationships. The multiple selective nature of HTML form checkboxes require a convenient way for PHP to process multiple checkbox values, ideally in a single array. By default, each and every HTML input control including checkboxes …
PHP: Checkbox Array in Form Handling – Multiple Checkbox Values in an Array Read More »
Restricting directory access might be one of the most frequently used .htaccess techniques out there. As a site grows, there always are some areas that you don’t want visitors to look at such as merchandise warehouse where you store digital products for sale. You want a programmed server-side script to serve the download after confirming …
.htaccess: Deny From All – Prohibit, Forbid or Restrict Directory Access Read More »
