Tables...

Post a reply

Confirmation code
Enter the code exactly as it appears. All letters are case insensitive.
View more smilies

BBCode is ON
[img] is ON
[flash] is ON
[url] is ON
Smilies are ON

Topic review
   

If you wish to attach one or more files enter the details below.

Expand view Topic review: Tables...

Re: Tables...

by Gordon » Sun Aug 14, 2022 7:04 pm

When you click on reply, you will see a new bar that has a picture of a table, just click on it.

Re: Tables...

by Makuser » Sun Aug 14, 2022 6:33 pm

I see that after my earlier post on here, phpBB has already altered some of my coding. Here is a screenshot of the heading for our start page on our computer:
Marshall's Start Page.png
I sure would like to join in the fun.

Re: Tables...

by Makuser » Sun Aug 14, 2022 6:24 pm

Hi all. I was going to try a two image table showing two of my telescopes. I learned HTML 3.2 and 4.0 (Cobra) but I am behind the current versions. I just use Notepad for creating and editing plus it makes image calls from my own computer for the home Start Page I wrote years ago (with large refractor scopes in the heading :lol: ). However this phpBB coding and editor really has me spinning and I am not sure how to proceed, but I sure would like to try something on the test forum. Here is the coding for our home computer start page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0016)http://localhost -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Marshall's Start Page</title>
<style type="text/css">
body
{
background-color: #faeeaa;
font-family: Arial, Helvetica, sans-serif;
color: #bb3344;
}
.solidBorders
{
border: solid 2px black;
}
.pageTitle
{
font-size: 36pt;
}
.revision
{
font-size:7pt;
color: Black
}
.category
{
margin: 10px;
}
.heading
{
font-size: 16pt;
font-weight: bold;
}
.subHeading
{
font-size: 12pt;
}
.imageDesc
{
font-size: 9pt;
color: Black;
}
.linkBox
{
font-size: 12pt;
font-weight: normal;
}
a
{
color: Blue;
}
a:hover
{
color: Red;
}
a:active
{
color: Red;
}
</style>
</head>
<body>
<center>
<table cellspacing="4" class="solidBorders">
<tr>
<td align="center" colspan="4">
<span class="heading">The Legend Of Alvan Clark Refractors</span>
</td>
</tr>
<tr>
<td align="center" colspan="4">
<span class="subHeading">All built just before 1900, 3 of these 4 GIANTS are still in use</span>
</td>
</tr>
<tr>
<td align="center" valign="top">
<img class="solidBorders" src="Lowell.jpg" alt="Lowell 24 inch" height="300px" width="200px" title="Lowell 24 inch" />
<br />
<span class="imageDesc">Lowell Observatory 24 inch</span>
</td>
<td align="center" valign="top">
<img class="solidBorders" src="USNaval.jpg" alt="US Naval 26 inch" height="300px" width="232px" title="US Naval 26 inch" />
<br />
<span class="imageDesc">US Naval Observatory 26 inch</span>
</td>
<td align="center" valign="top">
<img class="solidBorders" src="Lick.jpg" alt="Lick 36 inch" height="300px" width="450px" title="Lick 36 inch" />
<br />
<span class="imageDesc">Lick Observatory 36 inch</span>
</td>
<td align="center" valign="top">
<img class="solidBorders" src="Yerkes.jpg" alt="Yerkes 40 inch" height="300px" width="227px" title="Yerkes 40 inch" />
<br />
<span class="imageDesc">Yerkes Observatory 40 inch</span>
</td>
</tr>
<tr>
<td align="center" colspan="4">
<span class="pageTitle">Our Start Page</span>
</td>
</tr>
</table>
</center>
<hr></hr>

<div class="category">
<span class="heading">MOST USED</span>
<div class="linkBox">
<ul>
<li><a href="https://www.google.com/">Google</a></li>
<li><a href="https://discover.mylibraryworld.com/?se ... e">Brevard County Library</a></li>
<li><a href="https://www.winndixie.com/WeeklyAd">WinnDixie</a></li>
<li><a href="https://www.publix.com/savings/weekly-a ... ix</a></li>
<li><a href="https://www.aldi.us/en/weekly-specials/ ... di</a></li>
<li><a href="http://www.faithviera.org/">Faith Viera Church</a></li>
<li><a href="https://www.sccu.com/">Space Coast Credit Union</a></li>
<li><a href="https://www.ccuflorida.org/">Community Credit Union</a></li>
<li><a href="https://www.flalottery.com/powerball">Florida Lottery Results</a></li>
<li><a href="https://webmail.roadrunner.com/?v=twc_theme">Road Runner Mail Login</a></li>
<li><a href="https://theskysearchers.com/app.php/portal">The Sky Searchers Forum</a></li>
<li><a href="https://webewebbiers.com/testforum/phpB ... ortal">The Sky Searchers Test Site</a></li>
<li><a href="https://www.raben.com/maps/date/">Raben Systems Solar Map</a></li>
<li><a href="http://www.kenkenpuzzle.com/">Print Kenken Puzzle</a></li>
</ul>
</div>
</div>
<div class="category">
<span class="heading">MAGAZINE SITES</span>
<div class="linkBox">
<ul>
<li><a href="http://www.astronomy.com/">Astronomy Magazine</a></li>
<li><a href="http://www.skyandtelescope.com/">Sky and Telescope</a></li>
<li><a href="http://www.skynews.ca/index.html">SkyNews</a></li>
</ul>
</div>
</div>
<div class="category">
<span class="heading">ASTRONOMY NEWS</span>
<div class="linkBox">
<ul>
<li><a href="http://www.aavso.org/">American Association of Variable Star Observers</a></li>
<li><a href="http://alpo-astronomy.org/">Association of Lunar and Planetary Observers</a></li>
<li><a href="http://www.bbc.co.uk/programmes/b006mk7h/">BBC The Sky at Night</a></li>
<li><a href="http://www.lpi.usra.edu/">Lunar and Planetary Institute</a></li>
<li><a href="http://www.darksky.org/">International Dark-Sky Association</a></li>
<li><a href="http://science.nasa.gov/">Nasa Science</a></li>
<li><a href="http://spaceweather.com/">Space Weather</a></li>
<li><a href="http://cleardarksky.com/c/MlbrnFLkey.html?1">Skies over Melbourne,FL.</a></li>
<li><a href="http://cleardarksky.com/c/EntrprsALkey.html?1">Skies over Enterprise,AL.</a></li>
</ul>
</div>
</div>
<div class="category">
<span class="heading">OTHER FORUMS/REVIEWS</span>
<div class="linkBox">
<ul>
<li><a href="http://www.cloudynights.com/">Cloudy Nights</a></li>
<li><a href="http://stargazerslounge.com/">Sky Gazers Lounge</a></li>
<li><a href="http://www.pbs.org/seeinginthedark/expl ... .html">PBS - Your Sky Tonight</a></li>
</ul>
</div>
</div>
<div class="category">
<span class="heading">EQUIPMENT SUPPLIERS</span>
<div class="linkBox">
<ul>
<li><a href="http://agenaastro.com/?SID=a5hb67pdni92 ... kt5">Agena Astro Products</a></li>
<li><a href="http://www.astronomics.com/main/Telesco ... cs</a></li>
<li><a href="http://www.celestron.com/c3/home.php">Celestron</a></li>
<li><a href="http://www.ebay.com/">Ebay Home Page</a></li>
<li><a href="http://handsonoptics.com/index.php?main ... 3d4">Hands on Optics</a></li>
<li><a href="http://www.lumicon.com/">Lumicon</a></li>
<li><a href="http://www.meade.com/">Meade</a></li>
<li><a href="http://www.optcorp.com/">OPT</a></li>
<li><a href="https://www.telescope.com/">Orion</a></li>
<li><a href="http://www.celestron.com/c3/category.ph ... e.php">Sky Watcher</a></li>
<li><a href="http://yhst-1469288697390.stores.yahoo.net/">Smart Astronomy</a></li>
<li><a href="http://www.universityoptics.com/">University Optics</a></li>
</ul>
</div>
</div>
<div class="category">
<span class="heading">WEATHER MAPS</span>
<div class="linkBox">
<ul>
<li><a href="http://www.weather.com/weather/map/USAL ... 1">Weather Channel Map for Opp, Ala.</a></li>
<li><a href="http://www.weather.com/weather/map/USFL ... 1">Weather Channel Map for Rockledge, Fla.</a></li>
<li><a href="http://www.weather.com/weather/map/USIL ... 1">Weather Channel Map for Mokena/Momence, Ill.</a></li>
</ul>
</div>
</div>
</body>
<br>
<center><font size=1 color=#000000>Created 2/23/2011 Last revision 5/26/2022 &copy; MSnapp</font></center>
</html>

Re: Tables...

by Chris_G » Sun Aug 14, 2022 3:38 pm

The editor on my cell phone...

As far as who uses it, that's up to you @Gordon . It is pretty straight forward and anyone with HTML experience will understand it. I'll use it for sure
Attachments
Screenshot_20220814-103048_Edge.jpg

Re: Tables...

by Gordon » Sun Aug 14, 2022 3:16 am

Those look great!

I think we need to limit usage to those who request it rather than just allow all members to use it.

Re: Tables...

by Thefatkitty » Sun Aug 14, 2022 1:46 am

This was four days of daytime clarity, and shows the ever-changing face of the Sun taken 24 hours apart each day. Enjoy!


Four days of ol' Sol
August 10th, 2022
Sun_08-10-2022a.jpg
August 11th, 2022
Sun_08-11-2022a.jpg
Sun_08-12-2022a.jpg
August 12th, 2022
Sun_08-13-2022a.jpg
August 13th, 2022

Thanks for looking and have a good night everyone :D

Re: Tables...

by Chris_G » Wed Aug 10, 2022 12:34 am

Looking at your text block, I believe I've figured out how to make the text break like I want it to on the post I'm working on, this is a lot of FUN!
Thefatkitty wrote: Wed Aug 10, 2022 12:15 am
The Table width is 60
The table to the right shows putting a table inside of a table cell ([td]).

I shortened it to 6 rows instead of the default 9.

Anyone with a basic knowledge of HTML should have no problem with it.
This Table width is 95
This
is
a
lot
of
fun!!
The TH size is 40% here. The TH size is 60% here.
À Á Â Ã Ä Å Æ Ç È É
:D :D :D :lol: :lol: :lol:
Image2_s.jpg avatar.jpg
Fun
Stuff

Re: Tables...

by Thefatkitty » Wed Aug 10, 2022 12:15 am

The Table width is 60

The line breaks here are with the 
PRE statement, font size is 75.

The table to the right shows putting
 a table inside of a table cell ([td]).

I shortened it to 6 rows 
instead of the default 9.

Anyone with a basic knowledge of 
HTML should have no problem with it.

This Table width is 95
This
is
a
lot
of
fun!!
The TH size is 40% here. The TH size is 60% here.
À Á Â Ã Ä Å Æ Ç È É
:D :D :D :lol: :lol: :lol:
avatar.jpg
avatar.jpg (75.42 KiB) Viewed 18511 times
Image2_s.jpg
Image2_s.jpg (32.94 KiB) Viewed 18511 times
Fun
Stuff

Re: Tables...

by Gordon » Mon Aug 08, 2022 7:33 pm

fade

Blur

Re: Tables...

by Chris_G » Sun Aug 07, 2022 9:12 pm

I like using the img tag for sharing the images, the browser handles the resizing, even the mobile view shows the exact same layout, only smaller and they display nicely with left and right buttons in full screen.

Trying to edit text, there's no break button on the tools strip so I put the tag in manually, it doesn't work. Without it can't control how the text flows and images shift on larger screens.
The editor handles the break normally in the post with just the return key but not so in a table. Horizontal line is another one just like break, it works nicely in tables as well.

Should be

Break - [br][/br]
Horizontal Divider ([hl][/hl]

Mobile view is jacked with the text, titles get repeated in the oddest of ways...
Maggie's Home Coming
Maggie was eight weeks old when we got her. That
puts her birthday on February 1st since she came
home on the 27th.
Image
Maggie and Scrappy playing outside
This was taken two days after Maggie joined us.
Scrappy looks really bord. Not so much now. :D
Image Image Image
All three and probably the only one
This one is by far my favorite, I couldn't get to
my phone fast enough to snap this. I doubt
it will ever happen again. Lexie might have
actually playd with Maggie, if she weren't
so big. I watched them get into a slap fight
when Maggie was about 12 weeks old.
Now Maggie is so big! One slap and Lexie looses!
Image
Maggie the tuckered pup
After a couple of hours Maggie fell fast asleep.
Scrappy did to, puppies are such a handful!

Top