Center Multiple DIVs with CSS
At some point, you may have a situation where you want to center multiple elements (maybe <div> elements, or other block elements) on a single line in a fixed-width area. Centering a single element in a fixed area is easy. Just add margin: auto and a fixed width to the element you want to center, and the margins will force the element to center.
There really should be a similar simple way to center multiple elements evenly spaced. It would be nice if CSS had a property called “box-align” which you could set to “center” then the child elements would be centered evenly within their parent.
Well, you can achieve something similar by taking advantage of CSS’s flexibity with “recasting” elements (for lack of a better term).
Print This Post
Better Page Corner Ads with CSS3 Transforms
The other day I came across a useful site called ScriptSrc.net that allows you to get up-to-date script tag links that point to your favourite JavaScript libraries.
The site has a clickable corner ad promo to get people to “spread the word”. I thought using CSS3 there would be a better way to position such a corner advertisement (or promo, or whatever), because the clickable area for the ad on ScriptSrc.net is actually too big. In some cases, you might prefer the clickable area to be bigger, but I think it’s always best to keep the clickable area limited to the actual ad.
Print This Post
CSS Tutorial – Generated Content
A new feature is included in the Cascading Style Sheets (or CSS) level 2 and CSS 2.1. This feature is called generated content and it represents content which is created by the browser, but which is not represented either by markup or content.
An example of a generated content is list markers. When it comes to representing the markers, nothing in the markup of a list item can be used and the appropriate marker in generated automatically by the browser, thus eliminating the need for the author to write the markers into the document�s content. When the lists are ordered, the marker appears under the form of an incremental counter. Its value is grown one by one for each item present in the list. When the lists are unordered, the marker appears under the form of a bullet (square, circle, and disk).
Print This Post
CSS Shortcuts
When writing your CSS, it is possible to write neater, more readable code by making use of CSS shortcuts. A shortcut is a feature of CSS that allows the developer to specify a number of related properties on a single line rather than specify them all separately. Lets look at the following example:
Print This Post
Intel e1000e Corruption Fixed – Already in openSUSE 11.1 Beta2 (with exception of Debug, Vanilla Kernels)
The patches we did for the Intel e1000e network card for Beta2 protect the chip so that the NVRAM could not get corrupted anymore and we indeed did not receive any new bug reports and could not reproduce the bug anymore on our systems.
Print This Post
Community Addons Directory Launched
Addons & User Contributions are modules and code modifications that users have made to WHMCS to add additional functionality and have then documented and released for the benefit of others. WHMCS facilitates these extensions through the use of template files, action hooks, custom pages & modular gateways/provisioning/registrar systems.
Print This Post
Default Styles for CSS
Coding CSS can quickly run into difficulties with different browsers interpreting code in different ways. Designs will never look the same in every browser but you can help yourself by using a default style set when you start coding.
Print This Post
AJAX Using Prototype
Getting Started
Do you want to take the leap into the world of Ajax (Asynchronous JavaScript and XML) but don't know where to begin. Well I was in your situation. I came across prototype.js a nifty little JavaScript file that makes Ajax calls so easy you can do it within a few minutes. The first step you need to do is download the prototype.js file from http://www.prototypejs.org/. Put this JavaScript file in the directory of the website you wish to add Ajax to. The next step is implementing the Ajax.
Print This Post
Simple Email Validation
Alright, in this tutorial I will teach you a small version of how to implement email verification for registration to a certain service, such as a newsletter, membership, etc.
Print This Post
Introduction to OOP
First things first, OOP stands for Object Oriented Programming.
A class is a group of functions and variables.
Print This Post
2 Column Layout
A common problem in CSS is the fact that if you float a div on either side of a body of text. The div will expand to fit the content. WEll how would you get your div to get to appear like its actually going all the way down the page? SIMPLE!
Print This Post
Internet Explorer CSS bug fixes
The <!--[if IE]> Tag
Problem: Various sizes, margins and padding attributes can display differently in Internet Explorer, this coded snippet can help you sort out these problems.
Print This Post
What is CSS?
CSS (Cascading Style Sheets) is the standard technology used to format the styling of the web. It provides designers with more powerful styling options while separating the content of web pages from their design. This article will explore how the need for CSS emerged and what benefits it provides to web designers.
Print This Post
Tikier Coupon Code 25off
Use the coupon code: 250ff and you will get 50% with any shared hosting plans.
Print This Post
Live Help
Coupons
Social Badge
Subscribe
Links
Recent Comments
- Katherine Campbell on 301 Redirect – The SEO way to rename or move files or folders
- Rusty on Center Multiple DIVs with CSS
- Zachary Graham on Release Notification: 11.25.0 DNSONLY
- Trinity James on 301 Redirect – The SEO way to rename or move files or folders
- Isabelle Gonzales on 301 Redirect – The SEO way to rename or move files or folders
Recent Posts
- Center Multiple DIVs with CSS
- Better Page Corner Ads with CSS3 Transforms
- A Do-It-Yourself Search Engine Optimization Technique That Will Work Miracles For You?
- 10 Ways To Increase Your Blog’s Pageviews
- 3 Most Important Services For A Profitable Internet Home Business
Categories
- Blogging (19)
- News (55)
- Random Articles (12)
- SEO Tips (34)
- Site Promotion (19)
- Traffic Generation (18)
- Tutorials (66)
- css (22)
- flash (8)
- html (8)
- illustrator (7)
- JavaScript (6)
- photoshop (7)
- php (8)
- Website building (20)
Tag Cloud
Tikier Hosting Offer
Creating a guestbook
Posted by admin
In this tutorial I will show you how to create a simple guestbook where your visitors can leave messages which are stored in a MySQL database. It contains the basic functions and security settings.