[TxMt] Re: All purpose CSS Image Drag Command

[pierre pracht]

Brett Terpstra wrote:
> That awk warning translates as something about the escape seqenuce 
> treated simply as...  but I don't know what it is and I don't get a 
> warning...  I suppose it can't hurt to redirect just in case.  Under 
> what circumstances does the warning appear?

I get same trouble with : Insert Image With Dimensions.

<img src="images/fond_colonne.gif" width="1018" height="1" tr: bornes
d'intervalle de « _-] » sont en ordre inverse de séquence
		de comparaison.
		alt="">

I solve this one by changing the set of characters used with tr ('[_-]'
to '_-')

All of this must be related to my fink setup.
In fact I'm new to mac so...

> I don't tend to use display:none to hide text when replacing images... 
> I'd prefer to use text-indent:-9000px for accessibility reasons.  It's 
> still got issues if you view the page with CSS but images turned off, 
> but it shows up for screen readers that way.  

You right, to bad there is no IFR done right.

> I would also need a tab stop on the "span", as I often use h1 tags 
   > inside of divs when replacing images.
> 
> All that being said, your assumption that dragging an image onto an 
> empty source.css scope more than likely indicates the creation of an 
> image replacement technique is probably correct.  From an accessibility 
> standpoint, if you're going to use background images, then replacing 
> text is the only way to provide "alt" tags.  But using display:none 
> overrides the usefulness of the method, so it would be my suggestion 
> that it be substituted with text-indent ...

Well text-indent: -9000px; overflow: hidden; doesn't work with span
element (inline).
So we must put : display:block;
Then why not change text-indent: -9000px; to width:0; height:0;
http://www.mezzoblue.com/tests/revised-image-replacement/#dwyer
The whole code can be tan stopped so you let people put there preferred
image replacement technique in it (better idea later).

   > and that the "span" be tab-stopped in addition
   > (that's 10 tab stops! might be excessive).

For me using a mirror for the selector is a big win.
Drop the whole IFR code can save a lot of time.
In this case, tab stop the background is not useful.

Why not split the drag command for the two scope :
meta.property-list.css : unchanged. (Just first part)
source.css, source.css.embedded.html : multiple command for each image
replacement technique.

So lazy people like me, would not stick with wrong technique ;)

Best, pierre pracht




-------------- next part --------------
A non-text attachment was scrubbed...
Name: Insert Image URL property.tmDragCommand
Type: text/xml
Size: 1220 bytes
Desc: not available
URL: <http://lists.macromates.com/textmate/attachments/20061029/604dc8f5/attachment.tmDragCommand>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Insert Image URL Gilder:Levin.tmDragCommand
Type: text/xml
Size: 1192 bytes
Desc: not available
URL: <http://lists.macromates.com/textmate/attachments/20061029/604dc8f5/attachment-0001.tmDragCommand>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Insert Image URL selector.tmDragCommand
Type: text/xml
Size: 1009 bytes
Desc: not available
URL: <http://lists.macromates.com/textmate/attachments/20061029/604dc8f5/attachment-0002.tmDragCommand>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Insert Image URL Dwyer.tmDragCommand
Type: text/xml
Size: 1143 bytes
Desc: not available
URL: <http://lists.macromates.com/textmate/attachments/20061029/604dc8f5/attachment-0003.tmDragCommand>