• Hi,i sliced my menu with ps,added css code like this:

    .home {
    	position: absolute;
    	margin:0px;
    	padding-left:457px;
    	left: 0px;
    	top: 0px;
    	width:126px;
    	height:76px;
    	border:0px white solid;
    }
    .about {
    	position: absolute;
    	margin:0px;
    	padding-left:583px;
    	left: 0px;
    	top: 0px;
    	width:126px;
    	height:76px;
    	border:0px white solid;
    }
    .work {
    	position: absolute;
    	margin:0px;
    	padding-left:709px;
    	left: 0px;
    	top: 0px;
    	width:126px;
    	height:76px;
    	border:0px white solid;
    .hire-me{
    	position: absolute;
    	margin:0px;
    	padding-left:835px;
    	left: 0px;
    	top: 0px;
    	width:126px;
    	height:76px;
    	border:0px white solid;

    and menu code like this:

    <a href="<?php bloginfo('url'); ?>/" title="Home"></a><img src="<?php bloginfo('template_directory'); ?>/images/home.png" alt="Home" class="home"/>
    <a href="<?php bloginfo('url'); ?>/about" title="About"></a><img src="<?php bloginfo('template_directory'); ?>/images/about.png" alt="About" class="about"/>
    <a href="<?php bloginfo('url'); ?>/work-2" title="Work"><img src="<?php bloginfo('template_directory'); ?>/images/work.png" alt="Work" class="work"/></a>
    <a href="<?php bloginfo('url'); ?>/hire-me" title="Hire me"><img src="<?php bloginfo('template_directory'); ?>/images/hire-me.png" alt="Hire me" class="hire-me"/></a>

    on header.php,but menu isn’nt working,it shows last link as active on every menu button,what i did wrong?
    Thanx

Viewing 2 replies - 1 through 2 (of 2 total)
  • if is that a copy of your actual css, there are a few unclosed } in the code ( .work seems unclosed; not sure about .hire-me )

    there are no :active styles in the above posted code;
    so how should anyone comment on this?

    a link to your site might give you better help.

    Thread Starter eazy24

    (@eazy24)

    hi,sry for late replay,yes you are right, .work in css is unclosed,but its only here because i made a mistake here,its ok on my real site,so that is not the problem.
    You can see my site under construction from here

    Yes i dont have active style added yet,but i think thats not the problem here,i just wont menu like i have on my site,its static,but i dont add any menu buttons later anyway. I tried everything,but every time i try to add a new menu button after home,it makes all buttons as one link and displays active link as last one i added,example: i have home button there(when i add about button,then both home and about buttons work now as about button). When i remove class then it works ok,but then menu buttons are not in right place anymore.

    i also changed my code: header.php

    <ul id=menu>
    <a href="<?php bloginfo('url'); ?>/" title="Home"></a><img src="<?php bloginfo('template_directory'); ?>/images/home.png" alt="Home" class="home"/>
    <a href="<?php bloginfo('url'); ?>/about" title="About"></a><img src="<?php bloginfo('template_directory'); ?>/images/about.png" alt="About" class="about"/>
    <a href="<?php bloginfo('url'); ?>/work-2" title="Work"><img src="<?php bloginfo('template_directory'); ?>/images/work.png" alt="Work" class="work"/></a>
    <a href="<?php bloginfo('url'); ?>/hire-me" title="Hire me"><img src="<?php bloginfo('template_directory'); ?>/images/hire-me.png" alt="Hire me" class="hire-me"/></a>
    </ul>

    and

    css style:

    /********************************************
    
    MENU
    
    ********************************************/
    
    #menu li a {
    
    color : #000000;
    
    text-decoration :none;
    
    }
    
    #menu li a:visited {
    
    color : #c3c3c3;
    
    }
    
    #menu li a:hover {
    
    color : #c3c3c3;
    
    background-image :url(images/hover.png);  
    
    }
    .home {
    	position: absolute;
    	margin:0px;
    	padding-left:457px;
    	left: 0px;
    	top: 0px;
    	width:126px;
    	height:76px;
    	border:0px white solid;
    }
    .about {
    	position: absolute;
    	margin:0px;
    	padding-left:583px;
    	left: 0px;
    	top: 0px;
    	width:126px;
    	height:76px;
    	border:0px white solid;
    }
    .work {
    	position: absolute;
    	margin:0px;
    	padding-left:709px;
    	left: 0px;
    	top: 0px;
    	width:126px;
    	height:76px;
    	border:0px white solid;
    }
    .hire-me{
    	position: absolute;
    	margin:0px;
    	padding-left:835px;
    	left: 0px;
    	top: 0px;
    	width:126px;
    	height:76px;
    	border:0px white solid;
    }

    and i also fotget to say that i use permalinks as costum structure:/%postname%/
    Sry for my bad english,i tried to explain as best as i can…
    tnx

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘HELP!Menu isn’t working’ is closed to new replies.