http://wordpress.org/support/ WordPress › Support Topic: Willing to give a whopping $10 via PayPal to anyone who can fix this problem!!! en Tue, 24 Nov 2009 16:49:45 +0000 http://wordpress.org/support/topic/285837#post-1124424 Fri, 03 Jul 2009 01:44:54 +0000 eliteuser 1124424@http://wordpress.org/support/ <p>Hello again,</p> <p>down the bottom I made it instead of: </p> <pre><code>#navigation_center ul li a.active span { padding: 0px 15px 0 9px; }</code></pre> <p>I changed the padding to 17px and 7px and it is PERFECTLY in the middle. Thx for your work, hopefully I can ask you again when I run into a problem. Keep up the good work!!</p> <p>BTW: You don't have to because you have already earned your reward, do u know how to remove the LAST line near the end of the navigation bar to make it look like this? <a href="http://i44.tinypic.com/2w4jud1.png" rel="nofollow">http://i44.tinypic.com/2w4jud1.png</a> </p> http://wordpress.org/support/topic/285837#post-1123773 Thu, 02 Jul 2009 14:48:43 +0000 nazieb 1123773@http://wordpress.org/support/ <p>Hello..</p> <p>here is the code, hope it will work..</p> <pre><code>/* navigation bar */ #navigation { width: 819px; height: 34px; float: left; position: relative; top: 0px; left: 0px; } #navigation_left { width: 11px; height: 34px; float: left; padding: 6px 0 0 11px; text-align: right; } #navigation_center { width: 654px; height: 34px; float: left; background-position: bottom left; background-image: url(http://thanksgoogle.com/wordpress/images/nav-rept.jpg); background-repeat: repeat-x; padding: 0; } #navigation_center ul { list-style: none; margin: 0px; padding: 0px; } #navigation_center ul li { float: left; line-height: 34px; } #navigation_center ul li a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0px 17px 3px; background-image: url(http://thanksgoogle.com/wordpress/images/navline.jpg); background-position: right center; background-repeat: no-repeat; line-height: 39px; } #navigation_center ul li a span { color: #FFFFFF; display: block; } #navigation_center ul li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: none; font-weight: bold; display: block; padding: 0px 17px 3px; } #navigation_center ul li a:hover span { color: #ffffff; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; font-weight: bold; } #navigation_center ul li a.active, #navigation_center ul li.current_page_item { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; background-image: url(http://thanksgoogle.com/wordpress/images/leftnav.png); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px 0px 0 10px; } #navigation_center ul li.current_page_item { margin-left: -4px; } #navigation_center ul li a.active span, #navigation_center ul li.current_page_item a { color: #000000; background-image: url(http://thanksgoogle.com/wordpress/images/rightnav.png); background-repeat: no-repeat; background-position: right top; display: block; padding: 0px 19px 0 9px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; } #navigation_center ul li a.active span { padding: 0px 15px 0 9px; } #navigation_right { width: 141px; height: 28px; float: left; padding: 6px 0 0 0; }</code></pre> http://wordpress.org/support/topic/285837#post-1123544 Thu, 02 Jul 2009 10:21:00 +0000 eliteuser 1123544@http://wordpress.org/support/ <p>Hey,</p> <p>It is when you are on the home page, with the white tab on it. Yes when it is clicked. Can u fix it?</p> <p>Visit the site: <a href="http://sitedemonstration.hostei.com/" rel="nofollow">http://sitedemonstration.hostei.com/</a></p> <p>You are welcome, you deserve the reward! :P </p> http://wordpress.org/support/topic/285837#post-1123512 Thu, 02 Jul 2009 09:29:16 +0000 nazieb 1123512@http://wordpress.org/support/ <blockquote><p>The 'home' writing isn't in the middle, can u send me some code that will make it go in the middle?</p></blockquote> <p>Did you mean when the 'home' is clicked or not?</p> <p>Btw thank you very much.. </p> http://wordpress.org/support/topic/285837#post-1123484 Thu, 02 Jul 2009 08:36:45 +0000 eliteuser 1123484@http://wordpress.org/support/ <p>Hey,</p> <p>I sent you the money, but I forgot to see an error!!!!</p> <p>The 'home' writing isn't in the middle, can u send me some code that will make it go in the middle?</p> <p>Thx!!!!! </p> http://wordpress.org/support/topic/285837#post-1123474 Thu, 02 Jul 2009 08:26:33 +0000 eliteuser 1123474@http://wordpress.org/support/ <p>Hey nazieb,</p> <p>I must congratulate you, it works!!!! Thank you for all your help!!</p> <p>I'm sending you your reward of $10 right now! A quick and easy $10, better than helping everyone else out for free isn't it??</p> <p>Thx again!! :P</p> <p>BTW: You don't have to because you have already earned your reward, do u know how to remove the LAST line near the end of the navigation bar to make it look like this? <a href="http://i44.tinypic.com/2w4jud1.png" rel="nofollow">http://i44.tinypic.com/2w4jud1.png</a></p> <p>Sending... </p> http://wordpress.org/support/topic/285837#post-1123470 Thu, 02 Jul 2009 08:19:21 +0000 nazieb 1123470@http://wordpress.org/support/ <p>Here it is:</p> <pre><code>/* navigation bar */ #navigation { width: 819px; height: 34px; float: left; position: relative; top: 0px; left: 0px; } #navigation_left { width: 11px; height: 34px; float: left; padding: 6px 0 0 11px; text-align: right; } #navigation_center { width: 654px; height: 34px; float: left; background-position: bottom left; background-image: url(http://thanksgoogle.com/wordpress/images/nav-rept.jpg); background-repeat: repeat-x; padding: 0; } #navigation_center ul { list-style: none; margin: 0px; padding: 0px; } #navigation_center ul li { float: left; line-height: 34px; } #navigation_center ul li a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0px 17px 3px; background-image: url(http://thanksgoogle.com/wordpress/images/navline.jpg); background-position: right center; background-repeat: no-repeat; line-height: 39px; } #navigation_center ul li a span { color: #FFFFFF; display: block; } #navigation_center ul li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: none; font-weight: bold; display: block; padding: 0px 17px 3px; } #navigation_center ul li a:hover span { color: #ffffff; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; font-weight: bold; } #navigation_center ul li a.active, #navigation_center ul li.current_page_item { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; background-image: url(http://thanksgoogle.com/wordpress/images/leftnav.png); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px 0px 0 10px; } #navigation_center ul li.current_page_item { margin-left: -4px; } #navigation_center ul li a.active span, #navigation_center ul li.current_page_item a { color: #000000; background-image: url(http://thanksgoogle.com/wordpress/images/rightnav.png); background-repeat: no-repeat; background-position: right top; display: block; padding: 0px 18px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; } #navigation_center ul li a.active span { padding: 0px 14px 0 10px; } #navigation_right { width: 141px; height: 28px; float: left; padding: 6px 0 0 0; }</code></pre> http://wordpress.org/support/topic/285837#post-1123457 Thu, 02 Jul 2009 07:58:47 +0000 eliteuser 1123457@http://wordpress.org/support/ <p>Hello again,</p> <p>Ok Ok, sorry for being so picky...</p> <p>Now when you click on for example 'home' and 'FAQ', everything between those two tabs move. Try it out, click backward and forward on your browser.</p> <p>Then for another example, click on 'home' and then 'A' and you will see that everything between those two tabs move. Now they only move by a tiny amount, so it shouldn't be hard to fix =D</p> <p>Again, sorry for being such a perfectionist, but you will be paid if u can get this right!! :P I must congratulate you on your skill too!! </p> http://wordpress.org/support/topic/285837#post-1123450 Thu, 02 Jul 2009 07:50:11 +0000 nazieb 1123450@http://wordpress.org/support/ <p>All right then.. Hope this will fix it..</p> <pre><code>/* navigation bar */ #navigation { width: 819px; height: 34px; float: left; position: relative; top: 0px; left: 0px; } #navigation_left { width: 11px; height: 34px; float: left; padding: 6px 0 0 11px; text-align: right; } #navigation_center { width: 654px; height: 34px; float: left; background-position: bottom left; background-image: url(http://thanksgoogle.com/wordpress/images/nav-rept.jpg); background-repeat: repeat-x; padding: 0; } #navigation_center ul { list-style: none; margin: 0px; padding: 0px; } #navigation_center ul li { float: left; line-height: 34px; } #navigation_center ul li a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0px 17px 3px; background-image: url(http://thanksgoogle.com/wordpress/images/navline.jpg); background-position: right center; background-repeat: no-repeat; line-height: 39px; } #navigation_center ul li a span { color: #FFFFFF; display: block; } #navigation_center ul li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: none; font-weight: bold; display: block; padding: 0px 17px 3px; } #navigation_center ul li a:hover span { color: #ffffff; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; font-weight: bold; } #navigation_center ul li a.active, #navigation_center ul li.current_page_item { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; background-image: url(http://thanksgoogle.com/wordpress/images/leftnav.png); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px 0px 0 10px; } #navigation_center ul li.current_page_item { margin-left: -4px; } #navigation_center ul li a.active span, #navigation_center ul li.current_page_item a { color: #000000; background-image: url(http://thanksgoogle.com/wordpress/images/rightnav.png); background-repeat: no-repeat; background-position: right top; display: block; padding: 0px 20px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; } #navigation_center ul li a.active span { padding: 0px 16px 0 10px; } #navigation_right { width: 141px; height: 28px; float: left; padding: 6px 0 0 0; }</code></pre> <p>My Paypal ID is <a href="mailto:ainun.nazieb@gmail.com">ainun.nazieb@gmail.com</a></p> <p>Thanks </p> http://wordpress.org/support/topic/285837#post-1123440 Thu, 02 Jul 2009 07:26:21 +0000 eliteuser 1123440@http://wordpress.org/support/ <p>Well,</p> <p>It kinda is...sort of. Would you be able to fix it?</p> <p>If you can, you will get the $10 reward straight away :P Just send me your PayPal ID when you post the code change.</p> <p>Thx!</p> <p>EDIT: It seems to be 'home' that is becoming longer/shorter that is making all the problems, making all the other tabs to move. </p> http://wordpress.org/support/topic/285837#post-1123438 Thu, 02 Jul 2009 07:24:25 +0000 nazieb 1123438@http://wordpress.org/support/ <p>Oh.. I see..</p> <p>If you click on 'about' or 'contact', it will move to the left to cover the line of Home.. Of course when you go to Home again, it will looks like that the 'about' or 'contact' writing moves to the right..</p> <p>I think it's not a big problem, is it? </p> http://wordpress.org/support/topic/285837#post-1123435 Thu, 02 Jul 2009 07:15:13 +0000 eliteuser 1123435@http://wordpress.org/support/ <p>Hello again,</p> <p>Go to the home page. Then click on, say...click on 'about'.</p> <p>Then click on 'home' and watch carefully that the 'about' writing and line moves to the right. </p> http://wordpress.org/support/topic/285837#post-1123432 Thu, 02 Jul 2009 07:10:25 +0000 nazieb 1123432@http://wordpress.org/support/ <p>I see no problem there. Which lines / writing that you mean?</p> <p>:S </p> http://wordpress.org/support/topic/285837#post-1123425 Thu, 02 Jul 2009 07:03:23 +0000 eliteuser 1123425@http://wordpress.org/support/ <p>Hey,</p> <p>Ok look at the site now, it is ALMOST done (this time, I think should be the last).</p> <p>The only problem remaining you can see on the site, is when you click on 'home' or 'contact' all the writing and lines move.</p> <p>It is hard to explain, just have a look at the site and click on the bar. You will see, like more static, not have the writing and lines move. </p> <p>When you send this post, send me your PayPal ID please for your reward :P </p> http://wordpress.org/support/topic/285837#post-1123412 Thu, 02 Jul 2009 06:37:01 +0000 nazieb 1123412@http://wordpress.org/support/ <p>lol</p> <p>Here your code</p> <pre><code>/* navigation bar */ #navigation { width: 819px; height: 34px; float: left; position: relative; top: 0px; left: 0px; } #navigation_left { width: 11px; height: 34px; float: left; padding: 6px 0 0 11px; text-align: right; } #navigation_center { width: 654px; height: 34px; float: left; background-position: bottom left; background-image: url(http://thanksgoogle.com/wordpress/images/nav-rept.jpg); background-repeat: repeat-x; padding: 0; } #navigation_center ul { list-style: none; margin: 0px; padding: 0px; } #navigation_center ul li { float: left; line-height: 34px; } #navigation_center ul li a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0px 17px 3px; background-image: url(http://thanksgoogle.com/wordpress/images/navline.jpg); background-position: right center; background-repeat: no-repeat; line-height: 39px; } #navigation_center ul li a span { color: #FFFFFF; display: block; } #navigation_center ul li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: none; font-weight: bold; display: block; padding: 0px 17px 3px; } #navigation_center ul li a:hover span { color: #ffffff; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; font-weight: bold; } #navigation_center ul li a.active, #navigation_center ul li.current_page_item { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; background-image: url(http://thanksgoogle.com/wordpress/images/leftnav.png); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px 0px 0 10px; } #navigation_center ul li.current_page_item { margin-left: -4px; } #navigation_center ul li a.active span, #navigation_center ul li.current_page_item a { color: #000000; background-image: url(http://thanksgoogle.com/wordpress/images/rightnav.png); background-repeat: no-repeat; background-position: right top; display: block; padding: 0px 20px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; } #navigation_right { width: 141px; height: 28px; float: left; padding: 6px 0 0 0; }</code></pre> <p>:p </p> http://wordpress.org/support/topic/285837#post-1123395 Thu, 02 Jul 2009 06:22:51 +0000 eliteuser 1123395@http://wordpress.org/support/ <p>HEY nazieb,</p> <p>It ALMOST works, just look at the site now. </p> <p>The ONLY thing that I need is the white tab to stretch out as far as the line. You will see what I mean when you visit the site <a href="http://sitedemonstration.hostei.com/" rel="nofollow">http://sitedemonstration.hostei.com/</a></p> <p>Click on 'about' and 'contact' and you will see what I mean!</p> <p>$10 is almost in your hand lol!!! :P </p> http://wordpress.org/support/topic/285837#post-1123392 Thu, 02 Jul 2009 06:18:23 +0000 eliteuser 1123392@http://wordpress.org/support/ <p>Hey,</p> <p>Thanks for the replies, I will be adding the code in nazieb. Hopefully it will work. If it does, $10 coming your way.</p> <p>@ whooami: I actually did use the same CSS code as that site, but it didn't work. It turns out as you can see on my site. </p> http://wordpress.org/support/topic/285837#post-1123385 Thu, 02 Jul 2009 06:11:33 +0000 nazieb 1123385@http://wordpress.org/support/ <p>Oops.. wrong tag</p> <pre><code>/* navigation bar */ #navigation { width: 819px; height: 34px; float: left; position: relative; top: 0px; left: 0px; } #navigation_left { width: 11px; height: 34px; float: left; padding: 6px 0 0 11px; text-align: right; } #navigation_center { width: 654px; height: 34px; float: left; background-position: bottom left; background-image: url(http://thanksgoogle.com/wordpress/images/nav-rept.jpg); background-repeat: repeat-x; padding: 0; } #navigation_center ul { list-style: none; margin: 0px; padding: 0px; } #navigation_center ul li { float: left; line-height: 34px; } #navigation_center ul li a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0px 17px 3px; background-image: url(http://thanksgoogle.com/wordpress/images/navline.jpg); background-position: right center; background-repeat: no-repeat; line-height: 39px; } #navigation_center ul li a span { color: #FFFFFF; display: block; } #navigation_center ul li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: none; font-weight: bold; display: block; padding: 0px 17px 3px; } #navigation_center ul li a:hover span { color: #ffffff; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; font-weight: bold; } #navigation_center ul li a.active, #navigation_center ul li.current_page_item { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; background-image: url(http://thanksgoogle.com/wordpress/images/leftnav.png); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px 0px 0 10px; } #navigation_center ul li a.active span, #navigation_center ul li.current_page_item a { color: #000000; background-image: url(http://thanksgoogle.com/wordpress/images/rightnav.png); background-repeat: no-repeat; background-position: right top; display: block; padding: 0px 20px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; } #navigation_right { width: 141px; height: 28px; float: left; padding: 6px 0 0 0; }</code></pre> http://wordpress.org/support/topic/285837#post-1123381 Thu, 02 Jul 2009 06:09:20 +0000 whooami 1123381@http://wordpress.org/support/ <p>im not understanding why you arent using the same css and whatnot thats at <a href="http://thanksgoogle.com/wordpress/" rel="nofollow">http://thanksgoogle.com/wordpress/</a></p> <p>THAT works. </p> http://wordpress.org/support/topic/285837#post-1123380 Thu, 02 Jul 2009 06:09:09 +0000 nazieb 1123380@http://wordpress.org/support/ <p>Hope it will work</p> <blockquote><p> /* navigation bar */</p> <p>#navigation {<br /> width: 819px;<br /> height: 34px;<br /> float: left;<br /> position: relative;<br /> top: 0px;<br /> left: 0px;<br /> }</p> <p>#navigation_left {<br /> width: 11px;<br /> height: 34px;<br /> float: left;<br /> padding: 6px 0 0 11px;<br /> text-align: right;<br /> }<br /> #navigation_center {<br /> width: 654px;<br /> height: 34px;<br /> float: left;<br /> background-position: bottom left;<br /> background-image: url(http://thanksgoogle.com/wordpress/images/nav-rept.jpg);<br /> background-repeat: repeat-x;<br /> padding: 0;<br /> }</p> <p>#navigation_center ul {<br /> list-style: none;<br /> margin: 0px;<br /> padding: 0px;<br /> }</p> <p>#navigation_center ul li {<br /> float: left;<br /> line-height: 34px;<br /> }</p> <p>#navigation_center ul li a {<br /> display: block;<br /> font-family: Arial, Helvetica, sans-serif;<br /> font-size: 13px;<br /> color: #FFFFFF;<br /> text-decoration: none;<br /> font-weight: bold;<br /> padding: 0px 17px 3px;<br /> background-image: url(http://thanksgoogle.com/wordpress/images/navline.jpg);<br /> background-position: right center;<br /> background-repeat: no-repeat;<br /> line-height: 39px;<br /> }</p> <p>#navigation_center ul li a span {<br /> color: #FFFFFF;<br /> display: block;<br /> }</p> <p>#navigation_center ul li a:hover {<br /> font-family: Arial, Helvetica, sans-serif;<br /> font-size: 13px;<br /> color: #ffffff;<br /> text-decoration: none;<br /> font-weight: bold;<br /> display: block;<br /> padding: 0px 17px 3px;<br /> }</p> <p>#navigation_center ul li a:hover span {<br /> color: #ffffff;<br /> display: block;<br /> font-family: Arial, Helvetica, sans-serif;<br /> font-size: 13px;<br /> text-decoration: none;<br /> font-weight: bold;<br /> }</p> <p>#navigation_center ul li a.active, #navigation_center ul li.current_page_item {<br /> font-family: Arial, Helvetica, sans-serif;<br /> font-size: 13px;<br /> color: #000000;<br /> text-decoration: none;<br /> font-weight: bold;<br /> background-image: url(http://thanksgoogle.com/wordpress/images/leftnav.png);<br /> background-repeat: no-repeat;<br /> background-position: left top;<br /> display: block;<br /> padding: 0px 0px 0 10px;<br /> }</p> <p>#navigation_center ul li a.active span, #navigation_center ul li.current_page_item a {<br /> color: #000000;<br /> background-image: url(http://thanksgoogle.com/wordpress/images/rightnav.png);<br /> background-repeat: no-repeat;<br /> background-position: right top;<br /> display: block;<br /> padding: 0px 20px 0 10px;<br /> font-family: Arial, Helvetica, sans-serif;<br /> font-size: 13px;<br /> color: #000000;<br /> text-decoration: none;<br /> font-weight: bold;<br /> }</p> <p>#navigation_right {<br /> width: 141px;<br /> height: 28px;<br /> float: left;<br /> padding: 6px 0 0 0;<br /> } </p></blockquote> http://wordpress.org/support/topic/285837#post-1123376 Thu, 02 Jul 2009 05:50:29 +0000 eliteuser 1123376@http://wordpress.org/support/ <p>Hey everyone,</p> <p>I have a navigation bar on my website: <a href="http://sitedemonstration.hostei.com/" rel="nofollow">http://sitedemonstration.hostei.com/</a></p> <p>Their are 2 problems:</p> <p>1. Whenever I click on either 'contact' or 'about', their is no white tab that appears like it does on the 'home' tab. It should appear when I click on it.</p> <p>2. Whenever I click on either 'contact' or' about', the 'home' tab stretches even wider, it isn't supposed to!</p> <p>If you want, you can create some code instead of modifying the code that I already have, it doesn't really matter.</p> <p>After the problem is fixed and functions on my website, please provide your PayPal email address and I will deposit $10 in your account! EASY MONEY!!</p> <p>Here is my code:</p> <pre><code>/* navigation bar */ #navigation { width: 819px; height: 34px; float: left; position: relative; top: 0px; left: 0px; } #navigation_left { width: 11px; height: 34px; float: left; padding: 6px 0 0 11px; text-align: right; } #navigation_center { width: 654px; height: 34px; float: left; background-position: bottom left; background-image: url(http://thanksgoogle.com/wordpress/images/nav-rept.jpg); background-repeat: repeat-x; padding: 0; } #navigation_center ul { list-style: none; margin: 0px; padding: 0px; } #navigation_center ul li { float: left; line-height: 34px; } #navigation_center ul li a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0px 17px 3px; background-image: url(http://thanksgoogle.com/wordpress/images/navline.jpg); background-position: right center; background-repeat: no-repeat; line-height: 39px; } #navigation_center ul li a span { color: #FFFFFF; display: block; padding: 0px 20px 0 10px; } #navigation_center ul li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: none; font-weight: bold; display: block; padding: 0px 17px 3px; } #navigation_center ul li a:hover span { color: #ffffff; display: block; padding: 0px 20px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; font-weight: bold; } #navigation_center ul li a.active, #navigation_center ul li a.current_page_item { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; background-image: url(http://thanksgoogle.com/wordpress/images/leftnav.png); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px 0px 0 10px; } #navigation_center ul li a.active span { color: #000000; background-image: url(http://thanksgoogle.com/wordpress/images/rightnav.png); background-repeat: no-repeat; background-position: right top; display: block; padding: 0px 20px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; } #navigation_right { width: 141px; height: 28px; float: left; padding: 6px 0 0 0; }</code></pre>