Closed
Bug 501745
Opened 16 years ago
Closed 16 years ago
Last letter when set letter spacing in css makes space
Categories
(Core :: Layout: Text and Fonts, defect)
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&t=633566277068118750" type="text/javascript"></script>
<script src="/kubico/ScriptResource.axd?d=w-CPktrS3tFE98-q-kUb4dTCzJR8X4YZrdxtgGss1atUV2dPHmPTYHThHF5eVvonEEtjSCJS8DE0cR4ZNQ35zkYUzsbOLQrNS6QTPBXpXTs1&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&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
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
(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
|
Reporter | |
Comment 10•16 years ago
|
||
Look at the 5px space at the right end. The gap should be 0px;
|
||
Comment 11•16 years ago
|
||
Can you try updating to Firefox 3.5 and see if the bug still exists?
|
|
Reporter | |
Comment 12•16 years ago
|
||
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: 16 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•