How do I change my code to avoid warning "should trim empty
" in Aptana Studio?

Question

I use 'class' when I need CSS function. For example, when I want to use clear: left; I make a class .clear {clear: left;} and use it in HTML file.

But there is always the warning

should trim empty

Luckily, it's not error so I don't care greatly. But it bother me sometimes.

Is there any solution sticking my habit?

Please specify where exactly do you see this error? As CSS mistakes usually do not generate any alerts in HTML pages... — GEMI, Nov 12 '11 at 11:42
Btw, in my opinion, it is a really bad habit of over-looking warnings as being "only warnings" and then ignore. The compiler/validator/? you use has a valid reason for giving the warning. Something is not right even if the output seems to be correct. — Jarno Argillander, Nov 12 '11 at 11:50

Paranoid Android · Accepted Answer · 2014-08-27T10:57:56.683

39

For Aptana Studio users:

Windows: go to Window > Preferences > Aptana Studio > Validation

(Mac: go to Aptana Studio > Preferences > Aptana Studio > Validation)

Select HTML Tidy Validator then some collapse-able options will appear. Select Elements, it will show a list of options. Now go to the bottom of the list and you'll see "Trim Empty Elements": change it from warning to ignore.

edited Aug 27 '14 at 10:57

answered Jul 23 '13 at 09:25

Paranoid Android

4,672
11
54
73

Kyle Coots · Answer 2 · 2013-06-07T11:59:47.303

16

I'm assuming your talking about Aptana Studio maybe some other IDE's do the same thing, I dont know? Any how you can simply add a space between the div tags like so:

<div id="someDiv" class="clearLeft"> </div>

or add a comment between the tags like this:

<div id="someDiv" class="clearLeft"><!----></div>

This should remove the warning message and wont cause any issue with your html.

enter image description here

edited Jun 07 '13 at 11:59

answered Jun 06 '13 at 23:59

Kyle Coots

2,041
1
18
24

I upvoted you just now because this is a valid solution for Aptana. Sure, it doesn't look good in the code, and I'd imagine that OP was looking for a fix in the code parser itself, but this works in the meantime. – jsanc623 Jun 21 '13 at 16:47
Thank you! Yea, it's not very pretty. If he is looking for a fix to the parser, all or most validations can be modified. I posted an answer to a similar validation issue here that should do the trick: http://stackoverflow.com/questions/10169630/what-is-the-red-x-on-my-css-file-icon-in-aptana-studio-3/14413053#14413053 – Kyle Coots Jun 22 '13 at 19:22

score 2 · Answer 3 · answered Jul 11 '13 at 19:14

2

If you are using Aptana Studio :

Go to Window > Preferences > Aptana Studio > Validation > HTML.

Change the two checks by "HTML Tidy Validator" into "X". Alternatively, you could click "+" to add a regular expression to filter out the error.

answered Jul 11 '13 at 19:14

Jackal

2,591
3
25
29

score 0 · Answer 4 · answered May 29 '12 at 10:36

0

This is a fairly old question, but I feel obliged to point a few things out:

Empty elements are acceptable if used correctly. E.g. the javascript templating engine pure.js relies completely on them.
In your case ideally you should add the clear:left to element after the floated element, rather than using utility elements. DOM classes should have nothing to do with the css itself (e.g. clear), but rather should describe the document structure (which in turn allows you to clear the logical elements). Either way, that's the ideal world and it's fairly common to use css the way you are using it and there isn't too much wrong with it (the only disadvantage being that you need to change the DOM if you want to change the look of your site).
The worst thing to do is adding   as that ignores the reason behind the warning entirely and just 'bypasses' it.

answered May 29 '12 at 10:36

David Mulder

26,123
9
51
114

I am getting the same "warning". Everyone was asking where the warning was appearing. I specifically use Aptana Studio 3, but it is appearing in this program. This warning appears in the left margin by the line numbers in the "compiler" (I'm not sure if aptana is actually qualified as a compiler). – Mike Kellogg Sep 04 '12 at 17:09
So, if "empty elements are acceptable", what is "the reason behind the warning"? – Jānis Elmeris May 07 '19 at 13:59
1

@JānisElmeris The second point I bring up is probably the main thing. An empty element tends to be a code smell. It doesn't mean it's always bad, but in most cases you're doing something you shouldn't be doing (e.g. using html elements as styling tools). If however an empty element is just waiting around to get filled through some Javascript then there is nothing wrong with it at all. – David Mulder May 07 '19 at 14:18

score -1 · Answer 5 · answered Jun 05 '13 at 13:56

-1

Try doing this:

    .clear {
        clear: left;
    }

Happend to me with empty divs written in the same line.

answered Jun 05 '13 at 13:56

leandronn

173
1
17

score -2 · Answer 6 · answered Dec 02 '11 at 10:03

-2

Another solution is giving your empty div an id

<div id="myEmptyDiv"></div>

answered Dec 02 '11 at 10:03

Paolo Mariotti

1

How do I change my code to avoid warning "should trim empty " in Aptana Studio?

6 Answers6

How do I change my code to avoid warning "should trim empty
" in Aptana Studio?