Making a set of nested div’s clickable like a link or href element

The need: make a set of nested div’s clickable, like one big image

The Auto CSS Layout generator has preview pages. In these we wanted the real html templates and the real tableless CSS required for each particular layout to be used, rather than screen dumps. this seemed like a more ethical approach and also allowed one to “test” all the layouts in one go. We also wanted the user to be able to “click’ on the preview to choose the layout style, just like a normal link.

The problem: Link elements are empty

However we had no images to use and a link element is by definition empty – it may not contain div’s – let alone a set of nested divs.

The problem2: No content

In a multi layout situation, we did not want the screen to be too busy, so we did not want superfluous “content” for our clickable links.

The answer: Clickable space links that are displayed as blocks

Since some “content” is needed to make sure that the div’s do not collapse, we use the old space ” ” – in each div that needed content. We made each space a link to the same “chosen layout” page. In the CSS we then made the links in the nested div’s display as block elements and that seemed to do the trick!

css:

div.container a {display: block; text-decoration: none;}

html:

<div class="container">
  <div class="header">
       <a href="http://www.webdesign.anmari.com/web-tools/layout-generator/"
        title="The header or branding div" >     </a>
  </div>
  <div class="wrapper">
    <div class="content">
      <a href="http://www.webdesign.anmari.com/web-tools/layout-generator/"
      title="The content div">      </a>
    </div>
  </div>
  <div class="nav"><a href="http://www.webdesign.anmari.com/web-tools/layout-generator/"
     title="The navigation div">      </a></div>
  <div class="extra"><a href="http://www.webdesign.anmari.com/web-tools/layout-generator/"
     title="The extra or sidebar div">      </a></div>
<div class="footer"><a href="http://www.webdesign.anmari.com/web-tools/layout-generator/"
     title="The footer div">      </a></div>
</div>

Choosing a domain name

There are many websites with articles giving different aspects of advice about how to choose a domain name. This is a very important step and should be done early in your business development cycle. It will give you portability of your site should you need to change hosts; avoiding the loss of links and search engine placement.

So how to decide on a domain name ……

dot what?

  • If you have an aspirations at all to operate across more than one country, then you must consider acquiring the “.com” of your domain. Be serious: avoid .bz, .ws – type names if possible – they sound tacky.
  • If you are going to be a local business, then you should have either the country code domain (eg: .com.au) or local hosting. Either will be enough to ensure that you appear on local versions of search engines. Without it you will be struggling to maximise your appearance on search engines. However don’t include a location in the domain itself, it may limit you later. Alternatively, buy the variations as well as the location dependent name.

keyword or brand?

  • Do you go for mobilephone.com or virgin.com? The short answer generally is if you have a limited budget to build a brand, go for the keyword. Some experts say avoid the keywords – the domain name often ends up too long. Think of google, flickr etc. Personally I like the brand idea – more discussion

make it memorable

  • keep it short and don’t misspell if it is a real word – eg: if you want a yoga website, and all the yoga names are taken, don’t go for yoger!

Many minds make for a good domain name

  • Use your friends – ask around, bounce ideas off them, listen to their ideas – many a good idea has been offered in jest.

don’t spend too much

  • Don’t pay big bucks on a name. Rather spend the money building your brand.
  • Don’t get carried away buying too many names – you have to pay for them every year and if you let them expire they could get snapped up opportunistically by others who hope to profit.

It is gone but I really want it

  • www.deleteddomains.com could help if you insist on having a domain that was already registered.
  • A second hand domain could have the benefit that it may already have good linkages and search engine placement. Use www.alltheweb.com to see who is linking to that site. A long time ago, my first domain name was for an area that several years later I no longer wanted to work in. There was valuable content on it and it was one of the first covering that sort of knowledge so it had a good search engine placement and history. Someone wanted to buy it. I was happy to not be responsible for it anymore as the content was becoming out dated. However it was bought purely for it’s existing status – it is now covered in advertising and still has no major content update, let alone a style update! And I feel like it was my reputation out there!

Plurals, Prefixes – my, the etc

  • If you cannot get the name that you want and buy the plural or a prefixed name, then that must become your brand name – always advertise it as such. If you are “thedogparlour”, then your advertising must always say “thedogparlour”.

Check trademarks and similar names or usage

Domain names

If you want to look professional, you need your own appropriate domain name. If you are going to use my webservices, I can arrange the domain name or names for you.

If you want to know more, or you’d like to buy your own domain names, read further:

Subdomains

It is possible sometimes to piggyback off another domain name, where yours would be a subdomain from the main name. You would be using the main domain’s hosting services and would have limited functionality and control. For example for a personal blog, you could use the services of blogspot and end up with a domain name such as http://www.letgoofmyleg.blogspot.com/.

Choosing your own domain name

If you want to buy your own domain name, one of the first difficult steps is choosing the name.   So much so I have written a whole separate page on it.  See information on choosing your own domain here.

Choosing the suffixes

You also need to decide what suffixes (ie top level domains and /or country code domains you wish to use). Then before you spend too much time on any one name, always check if it is available – use the appropriate who is servers to check if your chosen name has been taken (see below).

The Internet Corporation for Assigned Names and Numbers (ICANN) is responsible for managing and coordinating the Domain Name System (DNS) worldwide. Click on their name to access a list of frequently asked questions. They also have some interesting (to me anyway!) maps.

Register the name as soon as possible

http://www.icann.org/registrars/accredited-list.html provides a list of accredited registrars who are officially allowed to register a top level domain name for you. If a company is not on the list, then they may be selling domain names purchased through an accredited registrar. ICANN recommends dealing directly. You can take a peek at which domain name servers are most active for US domain names at http://dailychanges.com/

To check a domain name registration internationally, you could use the not that pretty looking, but useful www.completewhois.com

A good registrar will usually provide tools to determine what domain names are available and possibly suggest others, as well as other information about who is entitled to regsiter a domain name. For example in Australia, there are restrictions about who can register what domain name.

Please note that domain name sales can be misleading… look at the renewal price to get a more realistic idea about the cost of owning a domain. Prices can vary greatly between suppliers, a low price may not always be the best if they are going to charge you to transfer, or higher prices for renewals etc.

US or global domains names

If purchasing a .com domain name, either do it with your hosting (or I’ll do it for you)

Australian Domain Names

The Australian Domain Name administrator http://www.auda.org.au/ provides information on Australian rules and regulations and MelbourneIT also has a good description of the rules and regulations. AUDA also explains the difference between a registrar and reseller.
www.mywebname.com.au provides an australian “whois” to look up domain name ownership.

There are many australian accredited domain name providers now. Some of these australian accredited registrars are:

African Domain Names

  • https://www.domains.co.za/web-hosting-south-africa
  • http://www.zadna.org.za/slds.html has a list of organisations managing the various south african country code (.za) domain names.
  • http://co.za/ manages the *.co.za domain names and charges at last look about R50 a year for registration.
  • http://www.org.za/ manages the .org.za domain. If you are a genuine non-profit organisation, then there is no fee (otherwise a charge of R200) is levied.
  • http://www.nom.za manages the *.nom.za domain names, which are currently free. They are intended to be used by individuals only