[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Css in horizontal menu magento problem

Posted on 2010-01-01
6
Medium Priority
?
1,248 Views
Last Modified: 2012-06-21
I cant figure out why the 2nd line of the horizontal menu is not styling correctly

The first line shows up fine, with the correct background, the second doesnt

nav {

background-image:url(../images/theme/bg_nav_ul.jpg);
background-repeat:repeat-x;
border-color:#999999 #FFFFFF #0C3C64;
border-style:solid;
border-width:0 1px 3px;
font-size:13px;
font-weight:bold;
padding:0 20px 0 10px;
z-index:999;
}

Ive inspected the 2nd line in firebug but i cant find where in the css this is

Any help would be appreciated
0
Comment
Question by:usbcrazy1
  • 4
  • 2
6 Comments
 
LVL 10

Accepted Solution

by:
mstrelan earned 2000 total points
ID: 26159239
Probably need some source code to check the css against ;)
0
 

Author Comment

by:usbcrazy1
ID: 26159321
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
</head>
<body class="catalog-category-view categorypath-bedroom-html category-bedroom">
<div class="wrapper">
<div class="header">
<div class="header-top-container">
<div class="header-top">
<h1 id="logo">
</h1>
<p class="no-display">
</p>
<div class="quick-access">
</div>
</div>
</div>
<div class="header-nav-container">
<div class="header-nav">
<h4 class="no-display">Category Navigation:</h4>
<ul id="nav">
<li class="level0 nav-beds">
</li>
<li class="level0 nav-chairs">
</li>
<li class="level0 nav-sofa-beds">
</li>
<li class="level0 nav-mattresses">
</li>
<li class="level0 nav-tables">
</li>
<li class="level0 nav-dining">
</li>
<li class="level0 nav-bedroom active">
</li>
<li class="level0 nav-glass">
</li>
<li class="level0 nav-drawers">
</li>
<li class="level0 nav-wardrobe">
</li>
<li class="level0 nav-dressing-table">
</li>
<li class="level0 nav-tv-stand">
</li>
<li class="level0 nav-coffee-tables">
</li>
<li class="level0 nav-table-and-chairs">
</li>
<li class="level0 nav-high-chair">
<a href="http://einteriorstore.com/shop/index.php/high-chair.html">
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="middle-container">
</div>
<div class="footer-container">
</div>
</div>
</body>
</html>
0
 

Author Comment

by:usbcrazy1
ID: 26159327
I think thats the right source code above
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 10

Assisted Solution

by:mstrelan
mstrelan earned 2000 total points
ID: 26159367
All the elements are empty .... Are you copying and pasting from firebug? If so click Edit first so you get the full HTML source.
0
 

Author Comment

by:usbcrazy1
ID: 26159913
<ul id="nav">
                    <li class="level0 nav-beds">
<a href="http://einteriorstore.com/shop/index.php/beds.html"><span>Beds</span></a>
</li>
                    <li class="level0 nav-chairs">
<a href="http://einteriorstore.com/shop/index.php/chairs.html"><span>Chairs</span></a>
</li>
                    <li class="level0 nav-sofa-beds">
<a href="http://einteriorstore.com/shop/index.php/sofa-beds.html"><span>Sofa Beds</span></a>
</li>
                    <li class="level0 nav-mattresses">
<a href="http://einteriorstore.com/shop/index.php/mattresses.html"><span>Mattresses</span></a>
</li>
                    <li class="level0 nav-tables">
<a href="http://einteriorstore.com/shop/index.php/tables.html"><span>Tables</span></a>
</li>
                    <li class="level0 nav-dining">
<a href="http://einteriorstore.com/shop/index.php/dining.html"><span>Dining</span></a>
</li>
                    <li class="level0 nav-bedroom">
<a href="http://einteriorstore.com/shop/index.php/bedroom.html"><span>Bedroom</span></a>
</li>
                    <li class="level0 nav-glass">
<a href="http://einteriorstore.com/shop/index.php/glass.html"><span>Glass Furniture</span></a>
</li>
                    <li class="level0 nav-drawers">
<a href="http://einteriorstore.com/shop/index.php/drawers.html"><span>Drawers</span></a>
</li>
                    <li class="level0 nav-wardrobe">
<a href="http://einteriorstore.com/shop/index.php/wardrobe.html"><span>Wardrobe</span></a>
</li>
                    <li class="level0 nav-dressing-table">
<a href="http://einteriorstore.com/shop/index.php/dressing-table.html"><span>Dressing Table</span></a>
</li>
                    <li class="level0 nav-tv-stand">
<a href="http://einteriorstore.com/shop/index.php/tv-stand.html"><span>TV Stand</span></a>
</li>
                    <li class="level0 nav-coffee-tables">
<a href="http://einteriorstore.com/shop/index.php/coffee-tables.html"><span>Coffee Tables</span></a>
</li>
                    <li class="level0 nav-table-and-chairs">
<a href="http://einteriorstore.com/shop/index.php/table-and-chairs.html"><span>Table and Chairs</span></a>
</li>
                    <li class="level0 nav-high-chair">
<a href="http://einteriorstore.com/shop/index.php/high-chair.html"><span>High Chair</span></a>
</li>
                </ul>
0
 

Author Comment

by:usbcrazy1
ID: 26160220
I got rid of the -x in:

background-repeat:repeat-x;

and it worked.

Thanks for your help and pointers
0

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Suggested Courses

872 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question