Using Span tags in WordPress Navigation

[tobeeornot]

I am using span tags to target some styles for two navigation bars in WP. However, the code is registered with php within two templates and it appears the span is not being picked up when I view the code WP is outputting and I am not sure why.

I have actually used span tags elsewhere in a loop and it works fine.

[chrisburton]

We can’t help you unless you provide something for us to work with (php code).

[TheDoc]

What does the code look like in the template?

[tobeeornot]

Here is the code for the two nav bars. The first is in the header template and the second is in sidebar.

'menu' => 'Main Nav Menu',

'menu_class' => 'dropdown',

'container_id' => 'main-navigation'

)

);

 'Sub Nav Menu'));?>

[TheDoc]

I don’t see any span tags?

[tobeeornot]

In case you are interested, this worked in a loop.

get_date('F j, Y'); ?>


get_permalink(); ?>">get_title(); ?>



get_content(); ?>

[tobeeornot]

@theDoc – sorry, they are actually just before the closing nav. I’ll edit the code.

[tobeeornot]

done

[TheDoc]

In the code you posted, you didn’t close the PHP. It should be:

'menu' => 'Main Nav Menu',

'menu_class' => 'dropdown',

'container_id' => 'main-navigation'

)

); ?>

[tobeeornot]

Sorry, that was my just my edit mistake above. The actual code does close the php.

[tobeeornot]

And it doesn’t work…

[TheDoc]

Okay, and what isn’t happening? Are the span tags not showing? I see no reason why they shouldn’t. They should be appearing just as you have them, right before your closing nav.

[tobeeornot]

That’s what I thought. The problem is that they are not picking up the styles and I am not sure why.

[TheDoc]

Aaahhhhh so they are appearing but they aren’t picking up the styles? What does the CSS look like?

[tobeeornot]

ul.dropdown li span{

position:absolute;

left:-15px; top:5px;

width:15px; height:100%;

background-color:#647484;

background-image:url(images/navshadow.png);

background-position:right top;

background-repeat:repeat-y}

#sub-navigation ul li span{

position:absolute;

right:100%;

top:5px;

width:15px;

height:100%;

background-color:#647484;

background-image:url(images/navshadow.png);

background-position:right top;

background-repeat:repeat-y}

[Author]

Posts