Archive for the ‘Css’ Category
-
Amazium is here..!

So what is Amazium I hear you ask, well you may have been hearing the term “Responsive Web Design” being thrown around the past few months, which simple means a website that can adjust to your screen size without having to make a separate website!
This came about from the simple fact that a lot of people have been making demos of this responsive web design but none seem to be using 960 grid system with 12 columns, and because of this I was forced to make my own..!
-
Clearing floats 2.0
So ever had the problem of having a div float left and another float right only to have to use the classic div with a class of clear:both on it only to have a little padding at the bottom of the divs, well that is no longer a problem if you use the following code.
more »
-
Using EM as your font measurement
Recently I had to build a website that used EM’s rather than PX and I have to say I prefer the PX route as it makes more since in my head, that was until I found out this handy little trick for working out EM’s as PX.
more »
-
Input Button: Text not underlined when hovered..?
Doing some bug fixing today I came across this little problem and could not for the life of me work out why it wasn’t putting an underline on my Submit button so I did what I always do in these cases and search online and guess what? It turns out that all you need to fix this problem is to add in a simple display attribution to the Css of the Submit button like so:
more »
-
CSS Ordered & Unordered lists
Last week I was having a mental block on why my Unordered list which was nested inside a Ordered list wasn’t working and then I had problems with plain ordered lists too so I thought I would sit down in a quiet room and sort out this problem with this little bit of CSS which I thought you guys out there might find helpful.
more »
-
100% Div’s background image is not 100%..?
Ok so here is the problem i was having, I needed to have a background image for my footer and it needed to be 100% width of the screen sounds easy yes? Well it sort of was untill i got to the testing phase and noticed that when i resized my browser to say half my screen the scrolled right the background wasnt there.
more »
-
Text Rotation with CSS
Today I thought I would share the secret of Text Rotation with CSS, and yes it works with IE too..!
more »
-
Center you site, both horizontally & vertically using Css
Now gone are the days when we only have tables to make our websites and something I miss from those days is the ability to center align a website both horizontally & vertically. Now I’ve seen methods that use java and alike but all I really wanted was a simple Css option and I’m glad to say I’ve found one..!
more »
-
Got a URL thats too long?
Ok so ive had this problem a few times now, where ive had to include a url of a site but its too long to fit in the area it sits in and the only way ive been able to make it fit is by adding a
<br />to the url.
more »
-
Making a CSS Button
So you want to make a nice looking button that doesnt mean you have to make loads of different images and as i always seem to find you will always get somebody ask that a buttons text is changed to something longer or shorter than you have made your button.
more »
-
Make your Ampersand stand out
Here is a quick tip on how to make you normal and boring Ampersand stand out in the crowd that is normal text. All you need to do is apply this simple bit of CSS to your style sheet and wola you now have a cool looking Ampersand like the one below..!
more »
-
Any font you want..!
Yes that’s right you can now have any font you want on your website by using this new shiny bit of css code in your website..!
more »
-
Remove the dotted border from links in Firefox..?
Don’t know about any of you out there, but i hate these stupid “dotted borders” that appears when you click a link in firefox. And i hope if like me you wouls love to ba able to remove the border then i have a solution for you!
more »
-
Improve Typography In Your Web Designs
Below are two quick and easy things that I hope will help improve your Typography when coming to design your next website.
more »
-
Want to set a minimum height to your div?
If your wanting to set the minimum height to one of your div’s i.e. make it 400px in height all you have to do is add this CSS code into you div..!
more »
-
Always show vertical scrollbars in Firefox
To always show the vertical scrollbar, regardless of whether there is content to scroll (just like Internet Explorer), add this code:
more »
