News & Blog

Forcing Long Strings and URLs to Wrap with CSS

November 10th, 2010 - Posted by Steve Marks to (X)HTML / CSS, Web Development.
Ever tried to squeeze a long word with no spaces or a URL into a small area? If so you may notice that different browsers deal with this differently. Let me give you a quick example: Our HTML: <div style="width:150px; border:2px solid #900;"> http://www.example.com/this/is/a/test/web...

Remove the Scrollbar in Fullscreen Mode when Using JavaScript

October 26th, 2010 - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
By using the window.open() function of JavaScript we can popup a new browser window/tab, specify the height and width of the window to be opened, and even set whether to hide or show certain elements such as toolbars, the address bar and more. One of the other attributes we can specify is ...

How to Remove the White Border from Around a Website

April 20th, 2010 - Posted by Steve Marks to (X)HTML / CSS, Web Development.
Everyone remembers their first attempt at creating a website. For me, my first website was the most important. It taught me not only the very basics of creating simple HTML, but also taught me that I love to code and without it, I sure as Hell wouldn’t be doing what I do today. If yo...

Creating a Navigation Menu using an Unordered List and CSS

April 18th, 2010 - Posted by Steve Marks to (X)HTML / CSS, Web Development.
By far the easiest, cleanest, most lightweight and most flexible way to create a horizontal navigation menu is to use an unordered list and style it with CSS. I’m going to show you, starting with a standard list, how to create a fully functional menu including formatting and function...

Changing a CSS Background Image Using Javascript

April 18th, 2010 - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
When reading forums I’ve seen the question popup quite a lot that is; How do I change the CSS ‘background-image’ property using Javascript. I remember when I needed to do this myself it took quite a while for me to figure out how to do it. I’d been able to change fo...

How to Achieve 100% Height Plus Footer Using CSS

April 15th, 2010 - Posted by Steve Marks to (X)HTML / CSS, Web Development.
View a Demonstration I remember a couple of years ago, before I used CSS to structure my website layouts, achieving 100% height with tables and getting a footer to stick to the bottom of the page was a nightmare. No matter how many forums or articles I read, it never seemed to be an easy [...