Databases
StackOverflow2013
Postsdbo
POcss inherit is getting me down
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POcss inherit is getting me down
    primarykey
    data
    text
    <p>I am currently working on a menu that uses superfish. It is completely customizable via css but I am experiencing a very very frustrating problem.</p> <p>The 2nd tier menu somehow inherits values from I-know-not-where and whatever I do to change it completely destroys the entire layout. It looks as if the text is somehow an entire line further down then it should be. The mouseover style is working as it should be however.</p> <p>Another frustrating thing is that I need to move the text from the tier1 menu items to the bottom of the bar - nothing I have tried so far has moved only the text and not the entire item. If anyone has a solution for that it would be greatly appreciated as well.</p> <p>you can see what I mean here: <a href="http://redaxo.witconsult.de/" rel="nofollow">http://redaxo.witconsult.de/</a> it concerns the tier 2menues on menu item 2 and 5 (Leistungen &amp; Kontakt)</p> <p>here is the code I believe is responsible for the problem: the entire code here: <a href="http://redaxo.witconsult.de/files/superfish.css" rel="nofollow">http://redaxo.witconsult.de/files/superfish.css</a></p> <p>Thanks a ton!!!</p> <pre><code>.sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { text-indent: 7px; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #333; } .sf-menu li { /*///////////// menu lvl 1 /////////////*/ color: #333; width: 118px; line-height: 85px; font-weight: normal; font-size: 14px; text-decoration:none; background: url(../images/menu/menuitem.png); } .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active { color: #DDD; line-height: 85px; background: url(../images/menu/menuitem-mo.png); } .sf-menu li li { /*///////////// submenu lvl 2 ///////////////////*/ color: #ddd; font-size: 12px; top: 50px; height: 26px; background: url(../images/png_black40per.png); } .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { color: #333; line-height: 26px; background: url(../images/png_white40per.png); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USTim Medora
    1. USj00ls
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POcss inherit is getting me down
      1. This table or related slice is empty.
      1. VTUpMod
    1. COFirefox's [Firebug](http://getfirebug.com/) extension should let you see where the inherited styles are coming from.
      singulars
      1. POcss inherit is getting me down
      1. USdrudge
    2. CO`line-height: 85px;` this will prevent the text in the menus from being at the bottom.
      singulars
      1. POcss inherit is getting me down
      1. USSam
    3. COThank you very much! The line-height attribute was the root of my problem... I solved it by replacing them by just "line =". Now however I have the problem that all the texts are always aligned at the top of the element. valign does not work and I dont see any other way to move the text to the bottom / middle. Shouldn't vertical-align: bottom; acchieve this? Somehow the text does not respond at all to vertical-align. :(
      singulars
      1. POcss inherit is getting me down
      1. USj00ls
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload