Category Archives: CSS Tips & Tricks

CSS tips and tricks: fast tips and tricks

Using CSS or Tables Web Page Layout

By ,  

I receive an email this morning from a client I just provided Dreamweaver Training to.
Here it is:

A quick question for you…I’m wondering about the differences between using tables, layers, and floating divs (is that what you call what we used yesterday with CSS?) When would someone want to use one vs. the others? Layers seem to be the easiest way to create your layout the way you want it, but I’m wondering what the drawbacks are to that? Also wondering how you might combine two or more methods to create your layout?

Read more →

Featured Video Plugin For WordPress

By ,  

The WordPress Featured Video Plugin is a very useful and powerful feature to add in your wordpress blog.
* It  reads and displays a video in your wordpress blog post.
* All you need is tag the video HTML code as follows:
[youtube:url to your video] (e.g. [youtube:http://www.youtube.com/watch?v=7o84PE871BE]) or taggged [googlevideo:url] (e.g. [googlevideo:http://video.google.com/googleplayer.swf?docid=8577255250907450469])

Read more →

CSS what can you do with it?

By ,  

CSS stands for Cascading Style Sheets.

Typically a Style Sheet is a plain text document with a set of instructions (CSS styles, rules) specifying how each element (selectors) in your web page should be appear in a computer screen or even how it is printed on a sheet of paper.

Read more →

Vertical Navigation Bar Expanding To The Page Height

By ,  

How to make the vertical navigation column expands through the entire height of the web page with CSS. That’s question often asked time and time again on various forums.

While this can be easily achieved with table-based web page layout, it can be tricky when using CSS instead. As a matter of fact maintaining columns of same height when one of them is expanding vertically is quite a bit of a challenge in CSS without the use of javascript.

Read more →

CSS in Classified Ads

By ,  

The power of CSS, besides giving the web designers more control over the web pages layout is also the separation between the page content and its presentation.

Linking your web pages to an external CSS file makes the HTML code cleaner, creates a more consistent look throughout your web site and updating your web pages layout much much easier: modify your CSS files then all your web pages follow the new CSS rules in a snap.

Read more →

Background Image Position and Repeat

By ,  

Css offers web developers a new way to control the display of the background image in a given layer.

With plain HTML, the background image is always tiled both horizontally and vertically in the containing area. The usual trick to avoid the tiling was then to create a background graphic with the same dimensions as the area it’s placed.

Read more →

Layer Scrolling without Horizontal scroll bar

By ,  

You can create a CSS layer that scrolls when its content exceeds the dimension of the viewable area defined. All you need is to specify the overflow rule in your layer style definition: #layer{overflow:scroll;}

Unfortunately both the vertical and horizontal scroll bars are displayed even though in most cases we just need the vertical scrolling of the content.
You will learn here how to “get rid off” the horizontal scroll bar.

Read more →