tips for newbie on writing articles?

brynn · May 04, 2013, 02:24:33 PM

<html>
<head>
<title>test tables 3</title>
</head>
<body bgcolor=#ccaaff>
<table align=center width=90% bgcolor=#ffffff>
<tr>
<td>
<br>
<table align=center width=80% bgcolor=#ffff8f>
<tr>
<td>
<br>
<table border=2 align=center width=70% bgcolor=#ffffff>
    <tr>
        <th>Column 1 heading</th>
        <th>Column 2 heading</th>
        <th>Column 3 heading</th>
    </tr>
    <tr>
        <td><p align=center><font face="Comic Sans MS" size=#12 color=#0000ff><b>contents of row 2, cell 1</b></font></p></td>
        <td colspan="2"><p align=center><font face="Comic Sans MS" size=#12 color=#0000ff><b>contents of row 2</b></font></p>
		<p align=center><font face="Comic Sans MS" size=#12 color=#0000ff><b>cells spanning 2 and 3</b></font></p></td>
    </tr>
    <tr>
        <td rowspan="2">rows 3 and 4, cell 1</td>
        <td>row 3, cell 2</td>
        <td>row 3, cell 3</td>
    </tr>
    <tr>
        <td>row 4, cell 2</td>
        <td>row 4, cell 3</td>
    </tr>
</table>
</td>
</tr>
<br>
<tr>
<td>
<br>
<br>
<br>
<p align=center>more stuff --- more stuff</p>
<br>
<br>
<br>
</td>
</tr>
</table>
<br>
<p align=center>more stuff --- more stuff</p>
<br>
</td>
</tr>
</table>
</body></html>

1 - Paste above code into the code view of HTML wysiwyg.
2 - The page automatically refreshes into regular view mode, when you save. So switch back to code view, and see all the changes in the HTML. Actually I wouldn't be surprised if you get a different result from me. So just in case, this is what the code looks like now:

Code Select





<title>test tables 3</title>


<table %"="" align="center" bgcolor="#ccaaff">
<tbody>
 <tr>
  <td>
<br />
<br />
<table %"="" align="center" bgcolor="#ffff8f">
<tbody>
 <tr>
  <td>
<br />
<table %"="" align="center" bgcolor="#ffffff" border="2">
    <tbody>
 <tr>
        <th>Column 1 heading</th>
        <th>Column 2 heading</th>
        <th>Column 3 heading</th>
    
 
 </tr>
    <tr>
        <td>
<p align="center"><span style="font-family: Comic Sans MS; color: rgb(0, 0, 255);"><strong>contents of row 2, cell 1</strong></span></p></td>
        <td colspan="2">
<p align="center"><span style="font-family: Comic Sans MS; color: rgb(0, 0, 255);"><strong>contents of row 2</strong></span></p>
		

<p align="center"><span style="font-family: Comic Sans MS; color: rgb(0, 0, 255);"><strong>cells spanning 2 and 3</strong></span></p></td>
    
 
 </tr>
    <tr>
        <td rowspan="2">rows 3 and 4, cell 1</td>
        <td>row 3, cell 2</td>
        <td>row 3, cell 3</td>
    
 
 </tr>
    <tr>
        <td>row 4, cell 2</td>
        <td>row 4, cell 3</td>
    
 
 </tr>
</tbody>
</table>
</td>
</tr>

 <tr>
  <td>
<br />
<br />
<br />
<p align="center">more stuff --- more stuff</p>
<br />
<br />
<br />
</td>
</tr>
</tbody>
</table>
<br />
<p align="center">more stuff --- more stuff</p>
<br />
</td>
</tr>
</tbody>
</table>

Back to one of my original questions -- I want to know what that kind of HTML that is called, so I can learn the kind I need, to be able to use that code.

In this case, it appears the body tags have simply been ignored by TP. In another experiment I did, the body bg tag actually changed part of the theme (the color behind the forum!). I think I lost that experiment though, so I may have to wait until I accidentally stumble upon whatever I did to cause that, to figure it out.

But, for example, it looks like TP doesn't like the width in %, because noneof my width=% tags didn't work, and are changed to something weird after saving. All the font tags were changed into span style, and bold changed to strong. br was changed to br / (br space slash). And it looks like hex color codes don't work for font, and instead I'll have to look up the rgb values. Although the hexcodes do appear to work for background color. What the heck?

And I didn't insert all those line spaces in the "after" code. The editor decided they should be there! And not that it makes any difference to the final image -- it's just -- why?!

Since it's already been given that the wysiwygs don't work very well, I guess it won't help for me to show all the many "quirks", if not outright bugs I've found. Idk, maybe you should just get rid of the wysiwygs altogether, and just have the code field where people can paste in the code that they've written elsewhere?

The problem with that, as far as BBC, I suspect, is that there isn't a code editor for BBC. So maybe people sort of need the malfunctioning wysiwyg to learn how to use the codes (like I did)?

Anyway, thanks for any comments

PS -- Oops, you posted while I was typing. Thanks

brynn · May 04, 2013, 02:31:36 PM

Quote from: lurkalot on May 04, 2013, 02:22:38 PM
This does the same for me, but the code still works as expected when you view the article.

Not after switching back to the code view. It works if you save it before you switch out of code view. But if you switch out and then back to code view, and then save the article, you've lost to proper code, and you end up with a bulletted list. So as far a numbered lists, there's no switching back and forth from code view to regular view. And if you can't code the BBC separately, like you can with HTML, that's a huge problem for someone who wants to write tutorials!

brynn · May 05, 2013, 04:58:21 AM

SIGH!!
Ok, my co-admin has apparently decided the wysiwyg part of the BBC editor is worthless, and has disabled it. So you won't be able to test the BBC issues on my forum, until he replaces that function, which I've asked him to do. (He was only trying to be helpful.) I don't know how he did that. I think he went into the code, and which of course, we all know that I don't know much about coding. So I can't "undo" it myself. Hopefully tomorrow he can fix it. But at least you can still look at the HTML issues. Sorry if there has been any confusion.

Edit
Oh, good news! He only disabled it for TP articles. You can still test the issue in my forum, in a message. Please use Testing subforum, if you want to test

lurkalot · May 05, 2013, 06:24:43 AM

Quote from: brynn on May 04, 2013, 02:24:33 PM
Code Select Expand
<html> <head> <title>test tables 3</title> </head> <body bgcolor=#ccaaff> <table align=center width=90% bgcolor=#ffffff> <tr> <td> <table align=center width=80% bgcolor=#ffff8f> <tr> <td> <table border=2 align=center width=70% bgcolor=#ffffff> <tr> <th>Column 1 heading</th> <th>Column 2 heading</th> <th>Column 3 heading</th> </tr> <tr> <td>contents of row 2, cell 1</td> <td colspan="2">contents of row 2 cells spanning 2 and 3</td> </tr> <tr> <td rowspan="2">rows 3 and 4, cell 1</td> <td>row 3, cell 2</td> <td>row 3, cell 3</td> </tr> <tr> <td>row 4, cell 2</td> <td>row 4, cell 3</td> </tr> </table> </td> </tr> <tr> <td> more stuff --- more stuff </td> </tr> </table> more stuff --- more stuff </td> </tr> </table> </body></html>

1 - Paste above code into the code view of HTML wysiwyg.
2 - The page automatically refreshes into regular view mode, when you save. So switch back to code view, and see all the changes in the HTML. Actually I wouldn't be surprised if you get a different result from me. So just in case, this is what the code looks like now:

Back to one of my original questions -- I want to know what that kind of HTML that is called, so I can learn the kind I need, to be able to use that code.

In this case, it appears the body tags have simply been ignored by TP. In another experiment I did, the body bg tag actually changed part of the theme (the color behind the forum!). I think I lost that experiment though, so I may have to wait until I accidentally stumble upon whatever I did to cause that, to figure it out.

But, for example, it looks like TP doesn't like the width in %, because noneof my width=% tags didn't work, and are changed to something weird after saving. All the font tags were changed into span style, and bold changed to strong. br was changed to br / (br space slash). And it looks like hex color codes don't work for font, and instead I'll have to look up the rgb values. Although the hexcodes do appear to work for background color. What the heck?

And I didn't insert all those line spaces in the "after" code. The editor decided they should be there! And not that it makes any difference to the final image -- it's just -- why?!

Since it's already been given that the wysiwygs don't work very well, I guess it won't help for me to show all the many "quirks", if not outright bugs I've found. Idk, maybe you should just get rid of the wysiwygs altogether, and just have the code field where people can paste in the code that they've written elsewhere?

Like I said, I don't use wysiwyg, so can't test that unfortunately, but here's your code in one of my html articles.. http://cctestsite.info/forums/index.php?page=htmltest99

brynn · May 05, 2013, 03:41:43 PM

Here's what the same code looks like on my HTML article: http://forum.inkscapecommunity.com/index.php

(Note that I changed the first table bg color from white to pink, to be more visible against the otherwise white background in my forum/theme.)

I didn't switch from code view to regular and back. I just started in code view and saved. For more convenient testing, I'll put the revised code (the white to pink bg). Everything else except the bg color of the 1st table is the same.

Code Select

<html>
<head>
<title>test tables 3</title>
</head>
<body bgcolor=#ccaaff>
<table align=center width=90% bgcolor=#ffaacc>
<tr>
<td>
<br>
<table align=center width=80% bgcolor=#ffff8f>
<tr>
<td>
<br>
<table border=2 align=center width=70% bgcolor=#ffffff>
    <tr>
        <th>Column 1 heading</th>
        <th>Column 2 heading</th>
        <th>Column 3 heading</th>
    </tr>
    <tr>
        <td><p align=center><font face="Comic Sans MS" size=#12 color=#0000ff><b>contents of row 2, cell 1</b></font></p></td>
        <td colspan="2"><p align=center><font face="Comic Sans MS" size=#12 color=#0000ff><b>contents of row 2</b></font></p>
		<p align=center><font face="Comic Sans MS" size=#12 color=#0000ff><b>cells spanning 2 and 3</b></font></p></td>
    </tr>
    <tr>
        <td rowspan="2">rows 3 and 4, cell 1</td>
        <td>row 3, cell 2</td>
        <td>row 3, cell 3</td>
    </tr>
    <tr>
        <td>row 4, cell 2</td>
        <td>row 4, cell 3</td>
    </tr>
</table>
</td>
</tr>
<br>
<tr>
<td>
<br>
<br>
<br>
<p align=center>more stuff --- more stuff</p>
<br>
<br>
<br>
</td>
</tr>
</table>
<br>
<p align=center>more stuff --- more stuff</p>
<br>
</td>
</tr>
</table>
</body></html>

This code works as expected as a regular webpage. And it seems to work ok on lurkalot's site. Why isn't it working on mine?

IchBin · May 07, 2013, 07:38:04 PM

I can't see any content in the middle of your page on the link you provided in your last post brynn.

lurkalot · May 07, 2013, 08:10:36 PM

Quote from: IchBin™ on May 07, 2013, 07:38:04 PM
I can't see any content in the middle of your page on the link you provided in your last post brynn.

Hi Brad. brynn must have it hidden for guests, as I can see it when logged in.

brynn · May 08, 2013, 06:16:24 AM

Oh gosh, I'm sorry for all the confusion. I thought I had it set up so that anyone can see it. I wonder what I should change to allow you to see it? Let me see what I can do....

Edit
Ok, I made some changes, although I have no idea if they will allow you to see it. If anyone has any tips (to make the page visible by guests) I'd appreciate it.

lurkalot · May 08, 2013, 07:48:03 AM

Quote from: brynn on May 08, 2013, 06:16:24 AM

If anyone has any tips (to make the page visible by guests) I'd appreciate it.

Go to category which that article is in. > Categories > Membergroups that can see this category > Make sure this box is checked "Guests" And save.

Log out, and see if you can see it.

brynn · May 08, 2013, 09:59:27 AM

Thanks lurkalot. It's done

Edit
PS -- I'm thinking the problem may be with the theme, because I can't log out! I don't know what's up with that, but that code works fine in at least 2 other SMF with TP forums (and by itself in a browser). I really like the theme otherwise, and it wouldn't be a terrible problem not to be able to log out. But if something about it breaks TP, I guess I'd have to find a new one. ....or maybe the theme maker would agree to fix it, if the theme turns out to be the problem.

The theme is called Aqua Style.

Recent

User

Stats

Members

Stats

Users Online

tips for newbie on writing articles?

brynn

brynn

brynn

lurkalot

brynn

IchBin

lurkalot

brynn

lurkalot

brynn

This website is proudly hosted on Crocweb Cloud Website Hosting.