Choosing a framework for PHP applications is not easy as it may seem. Different frameworks got different features (even to the slightest) and they may come handy. I will post another artcle on that later, but for now here is the list.

• CakePHP is a rapid development framework for PHP that provides an extensible architecture for developing, maintaining, and deploying applications. Using commonly known design patterns like MVC and ORM within the convention over configuration paradigm, CakePHP reduces development costs and helps developers write less code. (This site utilizes CakePHP framework)
  
• CodeIgniter is a powerful MVC framework. The official site is well documented and also has an active community of developers.
  
• ZendFramework (ZF) is more of a set of libraries than a MVC (model view controller) framework.
  
• Symfony is a full-stack framework, a library of cohesive classes written in PHP5.
  

With the rise of complex web applications, demand for better javascript frameworks has also increased. Here is a list of top javascript frameworks to date.

• jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
  
• Prototype is a JavaScript Framework that aims to ease development of dynamic web applications.
  
• script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly
  
• Mootools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer.
  

CSS frameworks have become popular lately. Designers can now save time for doing their common repititive tasks by defining classes and IDs to their html elements.

• Blueprint CSS framework is one of the most mature css frameworks. it comes with a seprate stylesheet for printing too. And yes, this website uses this framework for css. Its worth giving a try.
  
• Yet Another Multicolumn Layout (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.
  
  
• Yahoo! UI Library: Grids CSS - Yahoo! has also developed a framework for grid based web layouts.

There are already a few techniques available to place text (or html element) over an image. These include css position property, z-index and background image. Unfortunately not all browsers support z-index. And having a container with its background as the image is more trouble if your elements are nested. So its better to go with the most effective and easiest one - which involves the css position property.

In this tutorial, I will be using this image (a cow).

In our html code, there needs to be three div elements
1. container (for both image and text)
2. image (the cow)
3. text (Moooooo...)