PDA

View Full Version : Where are the extra pixels comming from?

msimmons
07-26-2002, 05:54 PM
I have a span with some images and another span (with text) in it. I am getting either an extra pixel on top of the text or below the image... the problem is, it is preventing things from lining up. See attached image.
Thanks in advance,
Michael
msimmons
07-26-2002, 07:05 PM
here is some code:

.roomheader{position:relative; height:13px; width:100%; font-weight:bolder; background-color:#b5c773; color:#ffffff;vertical-align:bottom;}



<span class="roomheader">
<img src="x" width="5" height="1">
<span style="cursor:hand; background-color:red;" onClick="selectedRoom('1','0')">blah</span>
<img src="x" width="5" height="1">
<img src="img/test.gif" style="cursor:hand;" onMouseDown="showRoomRateDescript('1','0')" onMouseUp="hideRoomRateDescript()">
</span>


michael
msimmons
07-26-2002, 08:28 PM
I solved two problems by using a table. I don't like to do it but lets hear it for workarounds ;)
Michael
Zvona
07-26-2002, 10:03 PM
Originally posted by msimmons
here is some code:

<span class="roomheader">
<img src="x" width="5" height="1">
<span style="cursor:hand; background-color:red;" onClick="selectedRoom('1','0')">blah</span>
<img src="x" width="5" height="1">
<img src="img/test.gif" style="cursor:hand;" onMouseDown="showRoomRateDescript('1','0')" onMouseUp="hideRoomRateDescript()">
</span>


michael

When standardization has come one objects of my life, I'll notify also from this IE proprietary property.
It should be cursor:pointer;, which is recommended by W3C and works on all modern browsers.
msimmons
07-26-2002, 10:08 PM
what does pointer look like? My goal is to simulate a link or rather to show the user that clicking there will perform an action.
I am trying to move over to the standards but I have programmed IE only since they won the race (version 3 i think) and so am haveing a difficult go of it :)
Michael