Category: Web Design

Specificity: Why my CSS is being cancelled out even though it is loaded after other CSS?

Your answer is Specificity

Specificity is a mechanism within the CSS cascade that aids conflict resolution

Basically it determines preference of CSS styles, over and above the cascading nature of stylesheets

Order of Precedence of Specificity:

Type Specificity
Inline Style Highest
Highest Number of #id selectors Wins
Highest number of class, attribute and pseudo selectors Wins
Highest Number of element selectors Wins

HTML Forms and Submit Button Changing Name

This article explores HTML webforms and specifically the submit button in terms of changing the name, id and value. We explore Submit Button Changing Name Examples.

Example 1: Simple form tags and a frugal submit input


<input type=”submit” />


Result 1: Submit label is ‘Submit’, Default action is to do a Get.

Example 2: Simple form with post method and frugal submit

<form method=’post’>
<input type=’submit’>

Result 2: Submit label is ‘Submit’, Does a Post with no form data.

Example 3: Simple Form with Post and submit with id

<form method=’post’>
<input type=’submit’ id=’test’>

Result 3:  Submit is still called submit, Does a Post with no form data.

Example 4: Simple Form with Post and Submit with a Name

<form method=’post’>
<input type=’submit’ name=’test’>

Result 4: ¬†Submit is still Submit, Does Post that contains form data: $_POST[‘test’] = ‘Submit’;

Example 5: Simple Form with Post Submit with a Name and a Value

<form method=’post’>
<input type=’submit’ name=’test’ value=’foo’>

Result 5: Submit is now labelled ‘foo’, does a post of form data: $_POST[‘test’] = ‘foo’;

Example 6: Simple Form with Post Submit with a Value Attribute

<form method=’post’>
<input type=’submit’ value=’foo’>

Result 6: Submit labelled foo, but no form data.

The Free PC Protection, Performance and Anti-virus Toolkit

Whether you have a new computer or a computer that is infected with a virus. This toolkit will help solve your problem and prevent it from happening again. The Free PC Protection, Performance and Anti-virus Toolkit will improve your PC and make it very safe.

1. Avast Antivirus (Free)

The most hassle-free and classy anti-virus out there. If I had to pay for this I would. No annoyances just a professional approach to anti-virus.

Avast-anti-virus-toolkit-number -1









Download Avast Free Antivirus

2. Spybot Search and Destroy (Free)

An excellent program that catches illegal tracking cookies and malware that it used to force adverts on you. This program will also remove and protect you against porn pop-ups.






Download Free Spybot Search and Destroy

3. MalwareBytes Malware Removal (Free)

A program that searches the computer thoroughly to protect your computer against malware threats.






Download MalwareBytes Free

4. CCleaner (Free)

A program that removes all unnecessary files on your operating system and in your web browser. It also cleans out the registry so your computer runs faster and smoother.










Download CCleaner Free

5. Google Chrome with Adblock (Free)

Install Google Chrome the browser (The tie-best browser in the world, tied with firefox). Then install Adblock, an incredible tool that blocks all ads from showing in the google Chrome broswer. Most times you install a malware toolbar or click something that says download but it is really an ad. Adblock helps to prevent this and it gets rid of those pesky ads.

Also if you are using internet explorer you are an idiot because chrome also prevents against phishing attacks which bring you to fake look-alike websites of your bank in order to steal your details.













Download Adblock Free

6. Ultra Defrag (Free)

Fragmentation of your hard drive can occur when moving lots of files on and off your computer. When a hard drive is fragmented it dramatically decreases the performance of your computer. Ultra defrag is much better than the local windows standard one and will improve your pc’s performance.









Download UltraDefrag Free