underline
phone number

A creative, friendly web design company based in Chelmsford, Essex

back light

Fizz Blog

Responsive Web Design: Equally Spaced Horizontal Menu

A menu is one of the first and most basic things your site needs. Styling a menu to fit a static web page that is say, 960px wide is one thing, but how do you create a horizontal menu that stretches across the width of the site in a responsive design?

We’ve already showed you how to create equally spaced divs in a responsive web design, so it might be a good idea to familiarise yourself with that first.

equally spaced horizontal menu with css

Read the rest of this entry »

Share this..
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInPin on PinterestEmail this to someoneShare on TumblrShare on StumbleUponShare on Reddit

Tags: , , , , , , , ,

Equally Spaced Divs in Your Web Design

There are several simple ways of making sure your divs are separated and spaced equally horizontally across a page. If you use a static 960px width, then you can dimly float your (set width, say 450px) left or even left and right and add padding and margins to fine tune.

But what if you have a fully fluid web design or a semi-fluid (this site uses a maximum width of 1200px and a minimum of 960px depending on browser) or maybe simply more than 2 or 3 divs that you want to show next to each other like this?

equally spaced divs css html

Read the rest of this entry »

Share this..
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInPin on PinterestEmail this to someoneShare on TumblrShare on StumbleUponShare on Reddit

Tags: , , , , , , , , , ,