[Design with CSS 3786] Re: button states

Monday, February 11, 2013

Hi there :)

Just took a look at your html (that question mark is most likely from php, and i think youve allready solved it, i couldnt find it) 

line: 202, this element <body id="bhome">
in your css you or the one who made that css before you, uses selectors like:
  body#bhome li#lhome a {//}
and your mexico page also has an id of bhome, so there is no css rule to change the button's background color
so just add a new body class and a corresponding css rule for the mexico page and your done.

You said youll be redesigining the html/css, might i advise you not to use that technique for yourself.
Your a lot better of using css classes to set a state.

Instead of making the body change id's and having to name all buttons, you can instead add a class name to the active button

#navigation .active {//}

and lastly, not your css i know, but those css selectors are not very efficient
body#bhome li#lhome a
#bhome, should mean the same as body#bhome, just like li#lhome
use id's spasely and only on container elements.
there should be no need to name buttons with an id, it also doesnt add any semantical meaning
a css selector with 2 id's in it is most likely wrong
use tools like yslow (firefox) to find bad css selectors

good luck :)

On Sunday, February 10, 2013 7:39:44 PM UTC+1, zalel wrote:
I am designing a new website for someone, but in the meantime I have to make a few changes in the existing site. 

The first link is what their pages look like now. http://panafricanacupuncture.org/index.html

The second link is a new page I made. http://panafricanacupuncture.org/mexico2013.html

The third link is an alternate version of the new page. http://panafricanacupuncture.org/mexico2013.html. There is also a question mark "?" at the top of the page, just to the left of the white border. I do not see this in the source code. 

If you look at the navbar, you can see that the button for PROGRESS TO DATE is in the Down state. I did a Save As and added a new <li> for the new button, so I figured that was the cause. When I looked at the CSS, I could not see what to change, in order to make the MEXICO button display the Down state. 

Next, I took the Index page, and made the changes again. Now, the Down state does not appear for the Mexico page, nor the Progress to Date page. 

What am I overlooking? 


You received this because you are subscribed to the "Design the Web with CSS" at Google groups.
To post: css-design@googlegroups.com
To unsubscribe: css-design-unsubscribe@googlegroups.com
You received this message because you are subscribed to the Google Groups "Design the Web with CSS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to css-design+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.


Post a Comment

Note: Only a member of this blog may post a comment.

Copyright © 2010 Web Design | Free Blogger Templates by Splashy Templates | Layout by Atomic Website Templates

Vida de bombeiro Recipes Informatica Humor Jokes Mensagens Curiosity Saude Video Games Animals Diario das Mensagens Eletronica Rei Jesus News Noticias da TV Artesanato Esportes Noticias Atuais Games Pets Career Religion Recreation Business Education Autos Academics Style Television Programming Motosport Humor News The Games Home Downs World News Internet Design Entertaimment Celebrities 1001 Games Doctor Pets Net Downs World Enter Jesus Mensagensr Android Rub Letras Dialogue cosmetics Genexus lasofia thebushrajr wingshock tripedes gorduravegetal dainfamia dejavu-transpersonal jsbenfica republicadasbadanas ruiherbon iranianforaryans eaystcheyl fotosdanadir Só Humor Curiosity Gifs Medical Female American Health Madeira Designer PPS Divertidas Estate Travel Estate Writing Computer Matilde Ocultos Matilde futebolcomnoticias girassol lettheworldturn topdigitalnet Bem amado enjohnny produceideas foodasticos cronicasdoimaginario downloadsdegraca compactandoletras newcuriosidades blogdoarmario arrozinhoii