HTML-and-CSS
| Having just returned from a trip to Russia, I wanted to create a slide show to use in this column. Because I wanted to share my photographs with friends and family, I thought the automated Web Photo Gallery in Photoshop would be a fast, easy way to create a basic site and then I could use Dreamweave... Type: HTML Tutorial Level: All levels |
| noticed a flaw with my original JavaScript drop down menu regarding customization using CSS. The problem was this; the LI elements below the #div's that were hidden didn't conform to their own CSS customization and stuck with the rules of the above LI's.
Type: HTML Tutorial Level: Experienced |
| To start off we need to use a basic list code. I have wrapped the list up inside a div because it makes it a lot easier to customize the entire list.
Type: HTML Tutorial Level: Beginner |
| Editor's Pick in HTML and CSS Tutorials, August 2005 This easy to understand tutorial shows you how to create navigation with lists. Each diagram is easy to read. Type: HTML Tutorial Level: Experienced |
| I know many people have wondered how to center their content both horizontally and vertically but never managed to find a solution on how to do this using CSS. I have seen people use tables to accomplish this, in this tutorial I will show you how it can be done. Type: HTML Tutorial Level: Experienced |
| As you can probably tell from the name this means having an external file and then linking to it from your page so you don't have all that code in your head tags in every single page. This is a lot easier than it may seem, first of all open notepad and copy the following code: Type: HTML Tutorial Level: Beginner |
| The best way to describe these to you is to just to show you examples, so with the best example possible I will begin, in your CSS file use this code: Type: HTML Tutorial Level: Beginner |
| For links there are 4 different options which you may already know, you have the standard link colour, you have the colour of the link when the mouse passes over it, you have the colour of the link once it has been clicked and you have the colour of an active link (while you have pressed the mouse o... Type: HTML Tutorial Level: Beginner |
| In this tutorial I am going to show you how to customize near enough everything about your lists. This is not as hard as it may sound, the hardest thing is deciding when to stop customizing!
Type: HTML Tutorial Level: Experienced |
| The code for using an image as a background is: background-image: url(image.gif);, remember to change the location to include the image you will be using, E.G url(images/image.gif);
Type: HTML Tutorial Level: Beginner |
