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