On 4 Jul, 2014
By
IT Support With
Comments Off on Table cell with two colour background – HTML & CSS – no script
Having a hard time creating a table cell with two colour background using only HTML & CSS and no script? Here is an example that should sort you out… The HTML <table> <tr> <td>cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td>…
On 17 Jan, 2014
By
IT Support With
Comments Off on WordPress Popular Posts issue with W3TC
I’ve installed the plug-in WordPress Popular Post a long time ago on my design inspiration blog: HautStyle. I found that the plug-in was great for my needs, easy to use, flexible in terms on design; basically it ticked all the…
On 11 Dec, 2013
By
IT Support With
Comments Off on How to wrap long email address using css
Check the code below to learn how to wrap long email address using css. Every now and then I encounter this problem when building a website, long URLs or long email addresses spill over their container (sometimes breaking the whole layout)…
On 5 Aug, 2013
By
IT Support With
Comments Off on Cross-browser CSS box-shadow
Yet another quick CSS reminder, this time for cross-browser CSS box-shadow: .box-shadow { -moz-box-shadow: 10px 10px 10px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 10px #000; /* Safari, Chrome */ box-shadow: 10px 10px 10px #000; /* CSS3 */ } However, all modern browsers now support box-shadow. So if you are using up to date version of Firefox, Safari or Chrome, it’s enough to…
On 14 May, 2013
By
IT Support With
Comments Off on Cross-browser box-sizing CSS code
This is a quick reminder for cross-browser box-sizing CSS code… textarea { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } Simply copy and paste the box-sizing CSS…
On 7 May, 2013
By
IT Support With
Comments Off on Bootstrap Tooltips and Popovers hidden in accordion
I had a series of Bootstrap tooltips and popovers hidden in accordion-body as it was cut-off by the css overflow:hidden of the .collapse Unfortunately I started to look into that issue and tried various options using jquery and css to…
On 21 Sep, 2012
By
IT Support Newcastle With
Comments Off on Remove dotted border around links with CSS
Another quick reminder for some CSS that I always forget about but seem to need once or twice a year… How to remove dotted border around links with CSS: a { outline: none; }