CSS

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>…

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…

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)…

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…

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…

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…

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; }


IT Support Newcastle is brought to you by Transcendit Ltd, contact us on 0191 482 0444