Comments for Style Meltdown

Comment on Image Sprite Navigation With CSS by Leo

Leo — Wed, 16 May 2012 13:52:56 +0000

Hey, thanks for this awesome little tutorial. Now, I am running into a bit of a problem when I want it to automatically scale to the web browser window size: I can’t get it to work! Does anyone have any idea on how this could be solved in a good way? Code below:

@charset “UTF-8″;

img {
max-width:100%;
}

#nav {
background:url(“images/navbar.png”) no-repeat;
/*background-size: 100%;*/
max-width:100%;
height:100px;
margin:0;
padding:0;
}

#nav span {
display:none;
}

#nav li, #nav a {
height:87px;
display:block;
}

#nav li {
float:left;
list-style:none;
display:inline;
}

/*#nav-01 {width:16%;}
#nav-02 {width:17%;}
#nav-03 {width:18%;}
#nav-04 {width:18%;}
#nav-05 {width:17%;}
#nav-06 {width:14%;}*/

#nav-01 {width:306px;}
#nav-02 {width:322px;}
#nav-03 {width:343px;}
#nav-04 {width:343px;}
#nav-05 {width:318px;}
#nav-06 {width:267px;}

#nav-01 a:hover {background:url(“images/navbar.png”) 0px -97px no-repeat;}
#nav-02 a:hover {background:url(“images/navbar.png”) -306px -97px no-repeat;}
#nav-03 a:hover {background:url(“images/navbar.png”) -628px -97px no-repeat;}
#nav-04 a:hover {background:url(“images/navbar.png”) -971px -97px no-repeat;}
#nav-05 a:hover {background:url(“images/navbar.png”) -1314px -97px no-repeat;}
#nav-06 a:hover {background:url(“images/navbar.png”) -1632px -97px no-repeat;}

/*#nav-01 a:hover {background:url(“images/navbar.png”) 0px -97px no-repeat;}
#nav-02 a:hover {background:url(“images/navbar.png”) -16% -97px no-repeat;}
#nav-03 a:hover {background:url(“images/navbar.png”) -33% -97px no-repeat;}
#nav-04 a:hover {background:url(“images/navbar.png”) -51% -97px no-repeat;}
#nav-05 a:hover {background:url(“images/navbar.png”) -69% -97px no-repeat;}
#nav-06 a:hover {background:url(“images/navbar.png”) -86% -97px no-repeat;}*/

#banner {
max-width:100%;
}

#wrapper {
max-width:100%;
}

Comment on Image Sprite Navigation With CSS by jayendra

jayendra — Wed, 25 Apr 2012 09:14:19 +0000

Great tutorial. Now, I can use image spirit in my website.

Thanks

Comment on DeDestruct And Other Kinds of Awesomeness by Raquel J. Cagula

Raquel J. Cagula — Sat, 17 Mar 2012 05:40:54 +0000

Dedestruct! first time to encounter this word.Thanks for sharing! ICI Non Voice block C

Comment on Image Sprite Navigation With CSS by DesignElixir

DesignElixir — Sat, 03 Mar 2012 17:44:40 +0000

Great tutorial Alex! I was able to implement CSS Sprites for my menu bar following your tutorial and modifying it a bit – I created a widget box for the menu bar. However, I have a small issue- there is a small sliver of the hover image appearing at the top of my sprite menu bar and I can’t get rid of it. I have tried messing with margins, padding, and display block heights but it is still there. Would you mind cruising over to my site and giving me ideas on how to fix it? I have been at it for a while and just cant figure it out/ I kept the sprite names nav-example and the widget is HTML5. Any help is appreciated!

Comment on P.O.S. – Never Better (2009) Will Unique Album Art Make Sales? by Marik

Marik — Sun, 22 Jan 2012 20:52:12 +0000

Why not!?

Comment on Image Sprite Navigation With CSS by RizoRex

RizoRex — Sun, 15 Jan 2012 12:51:47 +0000

This tutorial was posted back in 2007 and it is still applicable to this day. Thank you Mr. Mr. Alex Hackbart your tutorial is so awesome that I was able to use it on my Footer Navigation thereby saving me some Javascript on my website. Your method wasn’t even mentioned in my book “Web Design All in One for Dummies. Long live to you sir.

Comment on Second Brain – Aggregate Your Content Libraries the Easy Way by sex hikayeleri

sex hikayeleri — Sat, 07 Jan 2012 00:27:38 +0000

Thank you very much for the Shares will not always follow the posts, I’m pretty good work and I wanted to add a comment

Comment on P.O.S. – Never Better (2009) Will Unique Album Art Make Sales? by marka tescili

marka tescili — Thu, 05 Jan 2012 08:46:00 +0000

I really liked your site first bring up the great language Waiting for your help I ‘ve got a site on the trademark registration

Comment on P.O.S. – Never Better (2009) Will Unique Album Art Make Sales? by Supernova

Supernova — Wed, 04 Jan 2012 23:47:48 +0000

I think nifty things like that can entice some to buy but for most people, all that matters is the music itself. I think artists should embrace digital downloads more and be humble, as showing a good attitude tends to make people want to support them. Also, having easier access to free music helps people discover artists they may not have heard before, which leads them to support them through buying albums or attending concerts.

Comment on DeDestruct And Other Kinds of Awesomeness by art

art — Sun, 01 Jan 2012 18:29:46 +0000

Hi alex, I will be benefited by this. thanks!