Wednesday, October 22nd, 2008
So as I recal, last time I checked - tables were bad, divs were good. This morning I read, we have new and improved tables, CSS tables that is.
What?
According to this article, the new release of IE, IE8, will support new CSS values to display pages better.You can see that article for details on the values but basicaly you will be able to create the same tables that we used <TABLE> tags for except we’ll use <DIV> tags with CSS table attributes applied to them.
So, IE8 is changing things, what about the rest of the browsers? Instead of having a “fix” CSS file to make things look right in other browsers, we’ll now have to have a whole new version of CSS to do specifically for IE8?
Could they ever agree on a standard instead of pulling their own way?
Good thing with IE8 still being in beta, it’s still years away for us to need to deal with it too much.
Posted in Resources | 1 Comment »
Sunday, September 7th, 2008
Prabhath Online is the personal portfolio for Prabhath Perera. This site is a nice, clean, professional looking design. Prabhath has made excellent use of CSS and JavaScript to make the navigation at the right movable. You can click and drag the menu items around the page. If you click on the little plus sign at the right in each of the menu items, they expand to reveal information related to the headline. The color combinations are excellent as well. Nicely done! Thanks for submitting your site and allowing us to check it out.
**Attention readers…would you like us to review your website? Let us know about it and we’ll be happy to check it out!
Posted in Navigation/Menu | No Comments »
Tuesday, July 22nd, 2008
The CSS way of creating great website backgrounds. Nathaniel from tutvid.com did a nice video tutorial that shows how this is done.
Using a top gradient image with a background color you can acheve unique looking backgrounds for your websites. Just use your imagination to create the one that will work with yours.
Posted in Backgrounds/Patterns, Programming | No Comments »
Tuesday, July 15th, 2008
Here is a simple way to turn a design done in Photoshop into a webpage using HTML and CSS. Anyone can follow this video and do the same with their design.
Click here to download the Photoshop CS3 design file.
Posted in Layout/Design, Programming, Tutorials | No Comments »
Tuesday, June 3rd, 2008
This one is awesome, a portfolio menu. As you hover over the small rectangles, they expand to a square where you can see the project, as you leave each it rolls back up. This was submited by one of our readers.
No, this is not Flash, this is DHTML, CSS folks. Very nicely done. Make sure to check out the live version on their website.
Go to: http://www.guerrillawebsitedesign.co.uk/portfolio.php
Posted in Navigation/Menu, Programming | 1 Comment »
Friday, April 25th, 2008
Need to refine your CSS skills? Are you looking for some cool tips and tricks for CS3, Acrobat, Illustrator or MS Office? If you are, then go check out the free video tutorials at Ten Ton Books! Geoff has put together some great, informative tutorials on all of the subjects listed above. Currently there are 8 free videos. I watched the first in a three part series on ‘Creatin’ CSS Layouts in Dreamweaver’ and it was great. I’d highly recommend them to anyone interested in refining their abilities in Dreamweaver.
Go check ‘em all out!
For the lab exam preparation like ccie or for Cisco Certified Design Associate, ccda you need to get skills in solving papers. Exam like Certified Information Systems Security Professional or CISSP and Microsoft Certified Solution Developer or mcsd also require some quick brainstorming techniques as well.
Posted in Resources | 3 Comments »
Wednesday, February 6th, 2008
Here is a simple way to center a DIV on a page using CSS.
Use this:
#myDiv {
margin: 10px auto;
}
10px is the top margin. If you don’t want any margin you can use 1px, but you have to use something, else it won’t work and you will need to use the second method.
Second method:
#myDiv {
position: absolute;
width:750px;
left: 50%;
margin-left: -375px;
}
Use absolute positioning.
position: absolute;
Specify the size of your div, in pixels.
width:750px;
Then you position the left edge of the div in the center of the page.
left: 50%;
And now you just moove the DIV to the left half of it’s size, half of 750 in our case is 325.
margin-left: -375px;
And you’re done.
Posted in Programming | No Comments »
Thursday, December 27th, 2007
The source site for this is: http://www.actionhead.com
I like the way the background is on this website. The design and the fixed style. This is a good example for this kind of design. Here is a CSS code for making the background fixed, so it doesn’t scroll with the page.
body {
background: #ffcc66 url("graphics/bg.jpg") no-repeat fixed;
margin: 0 0 50px 0;
}
Posted in Backgrounds/Patterns, Programming | No Comments »
Wednesday, December 5th, 2007
The source site for this is: http:/www.dynamicdrive.com/style
The best way to build your navigation using CSS. As you will find out when you visit the source site for this post, it is simple. Design the tab or button, slice it into two or three and use some CSS and HTML code to splice it all together to make a nice looking, dynamic navigation.
Posted in Navigation/Menu | No Comments »
Friday, November 30th, 2007
The source site for this is: http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools
To save realestate on your website for other things here is a nice little sliding navigation menu that sits tucked away on the side until you need it. When you mouce over the part that is visible, the menu slides out and is then populated with the menu choices. This is built using CSS and JavaScript.
Posted in Navigation/Menu | 2 Comments »
