684217 - phpbuilder.com - text is trimmed to the right on a button

Status: RESOLVED INVALID

(Web Compatibility :: Site Reports, defect)

Description

[Jacques Lemire]

Attachment: trimmed_text1.png

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:9.0a1) Gecko/20110902 Firefox/9.0a1
Build ID: 20110902030838

Steps to reproduce:

Browse page http://www.phpbuilder.com/


Actual results:

The buttons 'Code library' and 'Mail Archives' are missing some letters on the right


Expected results:

The buttons 'Code library' and 'Mail Archives' should display all the letters, the complete title.
Google Chrome is Okay and Opera is Okay.

Comment 1

[Jacques Lemire]

Attachment: The same buttons but as displayed by Opera

Comment 2

[Mats Palmgren (inactive)]

The markup is:
<a href="/snippet/">Code&nbsp;Library</a>

The problem is caused by the "width: 70px" in the rule at
http://www.phpbuilder.com/css/style_new.css (line 241)


#nav-menu li a {
    background: url("/images/background.gif") repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #DCDCE9;
    color: #2A4D8F;
    display: block;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    text-align: center;
    text-decoration: none;
    width: 70px;
}


The layout is correct for the given markup / styles.

Comment 3

[Karl Dubost💡 :karlcow]

The site has changed. The buttons are not available anymore.