Closed Bug 501745 Opened 15 years ago Closed 15 years ago

Last letter when set letter spacing in css makes space

Categories

(Core :: Layout: Text and Fonts, defect)

1.9.1 Branch
x86
Windows XP
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 125390

People

(Reporter: joesun99, Unassigned)

Details

Attachments

(1 file, 1 obsolete file)

290 bytes, text/html
Details
User-Agent:       Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; WOW64; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 1.1.4322; InfoPath.2)
Build Identifier: Last letter when set letter spacing in css makes space

Last letter when set letter spacing in css makes space

Reproducible: Always

Steps to Reproduce:
1.set 	letter-spacing:5px;
2.make border
3.
Actual Results:  
space at the end

Expected Results:  
no space at the end
joes, Could you please create a reduced test case that demonstrates this issue and then attach the html file to this bug report?  Also, does this happen in Firefox's safe mode and what version of Firefox are you using?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="ctl00_Head1"><title>
	kubicodomino
</title>
  <link href ="Style/Style1.css" rel="Stylesheet" type="text/css"/>

  <script type="text/javascript" src="Scripts/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="Scripts/jquery.cycle.lite.js"></script>

  <script type="text/javascript">
    $(function() {
      $('#MCO1').cycle({ delay: 0, timeout: 6000, speed: 1500 });
      $('#MCO2').cycle({ delay: 0, timeout: 6000, speed: 1500 });
      $('#MCO3').cycle({ delay: 0, timeout: 6000, speed: 1500 });



      function onBefore() {
        $('#title').html(this.alt);
      }
    });
  </script>
</head>
<body>
  <form name="aspnetForm" method="post" action="Default.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTIwMDAyOTk2MTcPZBYCZg9kFgICAw9kFgICCQ9kFgICAw8PFgIeB1Zpc2libGVoZGRk+uRXCVqgevAgJp6cUk6UCpyHUF4=" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/kubico/WebResource.axd?d=hbxExag-dYTvMZtWLLQOqg2&amp;t=633566277068118750" type="text/javascript"></script>


<script src="/kubico/ScriptResource.axd?d=w-CPktrS3tFE98-q-kUb4dTCzJR8X4YZrdxtgGss1atUV2dPHmPTYHThHF5eVvonEEtjSCJS8DE0cR4ZNQ35zkYUzsbOLQrNS6QTPBXpXTs1&amp;t=ffffffffb63ce47f" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>

<script src="/kubico/ScriptResource.axd?d=w-CPktrS3tFE98-q-kUb4dTCzJR8X4YZrdxtgGss1atUV2dPHmPTYHThHF5eVvonn8xmAZpMK3RP5qkf0CjCyWzzVhsCyDYsdIIggp6DVeVhiqcnACg7xnzmGN71EVqa0&amp;t=ffffffffb63ce47f" type="text/javascript"></script>
  
    
    
  
  <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls([], [], [], 90);
//]]>
</script>

  

 
  
    <div class="MCHLinks22" style="width:666px;
	 height:20px; padding-top:5px;
	text-align:center;
	margin:0 auto;
	border:solid 1px #343434;
}">
      <a id="ctl00_Content_hlIdejniProjekti" class="link2" href="UI/IdejniProjekti.aspx" style="float: left;">IDEJNI PROJEKTI
</a>
      <a style="float: left; padding-left: 19px; padding-right: 20px;" class="link">|</a>
      <a id="ctl00_Content_hlProjektiVIzvedbi" class="link2" href="UI/ProjektiI.aspx" style="float: left;">PROJEKTI V IZVEDBI
</a>
      <a style="float: left; padding-left: 19px; padding-right: 20px; 	color:#616264;" class="link">|</a>
      <a id="ctl00_Content_hlZakljuceniProjekti" class="link2" href="UI/KProjekti.aspx" style="float: right; clear:right; border:solid 1px #ff0000; right:0px; 	font-size:10px;
	font-family:Verdana;
	letter-spacing:5px;
	text-decoration:none;">IZVEDENI PROJEKTI</a>
    </div>
 

  


  
    
    
  
  
  
  

<script type="text/javascript">
//<![CDATA[
Sys.Application.initialize();
//]]>
</script>
</form>
</body>
</html>
Letter spacing is added to the right. Is this correct behavior?
I mean reduced as in the very least ammount of code possible to show the reported bug.  You can also attach a file (the html file) to this bug, using this direct link https://bugzilla.mozilla.org/attachment.cgi?bugid=501745&action=enter
Attached file testcase (obsolete) —
joes, I created the test case.
Test case. At first letter it should cut spacing to the left and then to the right at the end.
What do you mean by cut spacing?  Also, what version of Firefox are you using?
Component: General → Style System (CSS)
Product: Firefox → Core
QA Contact: general → style-system
Attached file test case
(In reply to comment #7)
> What do you mean by cut spacing?  Also, what version of Firefox are you using?

look at the attachment in ie and firefox. I use FF 3.0 ie8
Attachment #386322 - Attachment is obsolete: true
Look at the 5px space at the right end. The gap should be 0px;
Can you try updating to Firefox 3.5 and see if the bug still exists?
I have installed 3.5 version and this still exists.
Component: Style System (CSS) → Layout: Text
QA Contact: style-system → layout.fonts-and-text
Version: unspecified → 1.9.1 Branch
Status: UNCONFIRMED → RESOLVED
Closed: 15 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: