1

There is web-site for Nodeclipse FOSS project http://www.nodeclipse.org/

I am not quick at web development and styles, and there is problem I don't know how to approach:

On the main page http://www.nodeclipse.org/index.html there is <pre> element (source line) and after it style is always different than at pragraph start.

example

I guess there's something to be in applied http://www.nodeclipse.org/pipe.css" (source), but what to look for? (As it is not about pre element but what happens after it)

FOSS project needs help with web.

Paul Verest
  • 60,022
  • 51
  • 208
  • 332
  • 2
    I noticed that the next lines after the closing `` are not wraped in `

    ` tags     – DigitalDouble Apr 23 '15 at 05:18
  • 1
    its because they have font:18 for .interior.. and they are using

    everywhere but after pre they were not.. there is some empty

    tags after that text

     – G.L.P Apr 23 '15 at 05:19
  • This is one paragraph, one news, so I used one `

    ` pair. And `
    ` is inside... So what HTML tags should be there? What is usual for such case?
     – Paul Verest Apr 23 '15 at 05:35
  • no, if you see the rendered HTML

    tag was closed before 

    ..
     is not inside 
     :)
     – G.L.P Apr 23 '15 at 05:38

1 Answers1

1

As you can see, <pre> tag usage inside <p> tag breaks the DOM structure

enter image description here

So the text after pre tag are not enclosed inside the <p> tag.

It is not advised to use pre tag to display a content that doesn't lose it's meaning if not pre-formatted.

So use a <a> tag or some other suitable tags like span (if you don't want it to be a clickable link) to display the url and style it accordingly.

Aravind Bharathy
  • 1,540
  • 3
  • 15
  • 32
  • That is nice hint. The link inside `pre` is Eclipse update site, that is not to be clicked but copy-paste in Eclipse Help->Install New Software, If using `code`, then I would need to add line breaks before and after. (I need to have this link as one separate line for easier copying) – Paul Verest Apr 23 '15 at 05:48
  • I looked at http://stackoverflow.com/questions/4611591/code-vs-pre-vs-samp-for-inline-and-block-code-snippets but don't know how to format those links or short code snippets to be on separate not wrapped line... – Paul Verest Apr 23 '15 at 05:51
  • 1
    @PaulVerest If you don't want to use line-breaks, use a code tag and in css set it's display type to block – Aravind Bharathy Apr 23 '15 at 06:06
  • OK, but some code should be inside line, not starting on new... Is adding `
    ` the only way?     – Paul Verest Apr 23 '15 at 06:09
  • 1
    @PaulVerest Use different class names and set display:block only to the class which you need to start on a new line. If you don't know how to do this, refer http://www.tizag.com/cssT/class.php – Aravind Bharathy Apr 23 '15 at 06:10