Opened 12 years ago
Last modified 10 years ago
#172 new defect
Bug in Sleet theme css
Reported by: | pelinor | Owned by: | Joseph Connors |
---|---|---|---|
Priority: | normal | Milestone: | |
Component: | User Interface | Version: | 1.1.3 |
Severity: | normal | Keywords: | |
Cc: |
Description
The button text does not display over the button graphic with higher screen resolutions (the text is centre-aligned, the button graphic is left aligned). Solution: center the graphic background as well. Two changes to the .css file follow:
.menuStandard {
background-image: url(menuButton.gif); /* original */ background: url(menuButton.gif) center no-repeat; /* replacement */ width: 109px; height: 21px; background-repeat: no-repeat; text-align: center;
}
.menuSelected {
background-image: url(menuButton.gif); /* original */ background: url(menuButton.gif) center no-repeat; /* replacement */ width: 109px; height: 21px; background-repeat: no-repeat; text-align: center;
}
Sorry, line breaks were removed:
.menuStandard {
background-image: url(menuButton.gif); /* original */
background: url(menuButton.gif) center no-repeat; /* replacement */
width: 109px;
height: 21px;
background-repeat: no-repeat; /* can be removed */
text-align: center;
}
.menuSelected {
background-image: url(menuButton.gif); /* original */
background: url(menuButton.gif) center no-repeat; /* replacement */
width: 109px;
height: 21px;
background-repeat: no-repeat; /* can be removed */
text-align: center;
}