User login

Mysterious insertion of paragraph tag (in DOM only, not in code) inside span

Searched words: 
drupal paragraph tags in date field output CCK date field output CCK date field node template browser inserting p inside span

.section-aboutus .date-display-single {
  color:#2d95c1;
}

.section-aboutus .date-display-single p { margin:0px; padding:0px; }

Can that second CSS rule call the p tag into being?

Definitely one of the freakiest things I've seen. The source code contained no p tag within the span. The code shown by Firebug and Safari's inspector both had the the paragraph tag.

Actual source code:

<p>Tri Star Pictures <span class="date-display-single">2009</span></p>

Browser's interpretation as revealed by Firebug and Inspector:

<p>
  "Tri Star Pictures "
  <span class="date-display-single">
    <p>2009</p>
  </span>
</p>

(inline fields don't go through the field template, so not quite sure where to theme them)
http://www.advantagelabs.com/drupal-colonoscopy-or-how-theme-cck-field-drupal-6

Ended up stripping span tags from around year output (strip_tags right in the print statement) to get around the weirdest HTML/CSS bug I've ever seen where paragraph tags are actually being inserted, unasked, into the DOM.

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Internal paths in single or double quotes, written as "internal:node/99", for example, are replaced with the appropriate absolute URL or path. Paths to files in single or double quotes, written as "files:somefile.ext", for example, are replaced with the appropriate URL that can be used to download the file.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <blockquote> <small> <h2> <h3> <h4> <h5> <h6> <sub> <sup> <p> <br> <strike> <table> <tr> <td> <thead> <th> <tbody> <tt> <output>
  • Syntax highlight code surrounded by the {syntaxhighlighter SPEC}...{/syntaxhighlighter} tags, where SPEC is a Syntaxhighlighter options string or "class="OPTIONS" title="the title".
  • Lines and paragraphs break automatically.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.