HTML Sandbox 2012

Free Republic | 01 January 2012 | Free Republic

[ßuddaßudd]

www.superbad.com

[Hebrews 11:6]

My first attempt at posting an image, using "hot-linking," courtesy of 2011's best player, Matt Kemp. Looks fine on "Preview"!

[Yaelle]

Sadly, I don’t know very many tricks for using FR on mobile devices! I wish I did. I first learned that some OS’s are easier to read FR on, to fit a big enough font into the window perfectly so no scrolling is needed from left o right on each line.

Then I learned about the End of Page app on apple devices (it may be on others as well) where it stays in your bookmark and you can tap it to get to the end of the FR page you are on instantly. Essential for keeping up on a live thread.

And the newest trick i learned is from other people here, that I mentioned. A few little dashes under a desired quotation from another’s post, and FR fills in the whole line, under which you can put your own comment.

I hope other people chime in with more mobile device tricks for FR.

[onyx]

I save these threads every year.

You can practice posting anything and everything on this thread!

Easy to understand instructions for all things HTML.

[Godebert]

Bookmarked for later.

[Yogafist]

bookmarked

[Scoutmaster]

Test of a 495-pixel-wide table, with one 300- and four 40-pixel columns, 5-pixel cellpadding (5+300+5+40+5+40+5+40+5+40+5+40+5=495)

Border=2 for viewing

Should be 300	I’m 40	So am I: 40	40? That’s me	Copycat 40
Align left	And center	Center	Center	Ditto
✔	✔	✔	✔	✔

Why are all the columns showing the same size in the preview?

I distinctly included the width="300" and width="40", did not use "px", just the number.

[ShadowAce]

Should be 300	I’m 40	So am I: 40	40? That’s me	Copycat 40
Align left	And center	Center	Center	Ditto
✔	✔	✔	✔	✔

 

Here's what I did to correct it--

Remove the table size. I don't know if that affected it, but with the sizes of the columns specified, it's not needed.

Removed the quotes from "left" and "center" in the align attribute.

[Rightly Biased]

HTML Help Threads for Newbies
(And Anyone Else Who Needs It)

• The HTML Campfire
  
  
• Formatting Messages with Outlook Express (HTML Bootcamp)
  
  
• Basic html formatting
  
  
• R U new? Some Tips....
  
  
• HTML for FReeper Newbies
  
  
• HTML Sandbox (Original Thread)
  
  
• HTML Sandbox (Thread Two)
  
  
• HTML Sandbox (Thread Three)
  
  
• HTML Sandbox (Thread Four)
  
  
• HTML Sandbox 2008
  
  HTML Sandbox 2010 New
  
  
• HTML Sandbox 2012 New
  
  
• Reference HTML Cheatsheet
  
  (Also This for New Freepers)
  
• Revised & Updated! -- THE LEXICON OF FREEREPUBLIC -- (FR dictionary, more help for newcomers!)
  
  
• Fifth Edition of the Lexicon of FreeRepublic * * A helpful FR dictionary for newcomers * *
  
  
• Updated FR Excerpt and Link Only or Deny Posting List due to Copyright Complaints
  
  
• Posting refresher course - Please read
  
  
• Way too many duplicates and vanities. Please read - again. (Welcome Newbies)

• Merry Christmas from Olive, and the rest of the herd

Got the original from Backhoe and I have tried to keep it up on my page so here it is again Thanks for posting the new thread ShadowAce!

[Scoutmaster]

I tried it (in preview) without a table size and it didn't work. Notice that as you posted it, the three 40-pixel columns are not not same width, and the 175-pixel-width column is not 175 pixels wide (at least not on my MacBook Pro or large MacPro monitor). The widths of the columns appear to be set by the text of the headers, not the 'width="x"' HTML column-width specification. You've seen my markup language in the FReemail.

Curious, eh?

[ShadowAce]

I meant to notice that as well in my remoarks--

I do believe that if the text would fit wthin the 40 pixel size, then the columns would be the correct size. However since text i important in a table, it must put the text as written into the column. Since the text is not negotiable, the column width must give way to fit the text.

Try the same thing with no text, or a single char and see if that works:

300	.	.	.	.
Align left	.	.	.	.
✔	✔	✔	✔	✔

 

[Scoutmaster]

I do believe that if the text would fit wthin the 40 pixel size, then the columns would be the correct size. However since text i important in a table, it must put the text as written into the column. Since the text is not negotiable, the column width must give way to fit the text.

Thanks.

I'm viewing at 1920x1200 resolution. The 175-pixel column isn't remotely close to 175 pixels wide, nor are the 40-pixel columns close to 40 pixels. I don't think any em adjuster or other cascading styles on the freerepublic.com style sheet affects that, does it?. The columns don't appear to be affected by the 'width' tag, but auto-size to fit the widest text among the cells within that column. Correct?

Also, can you wrap text in a table cell without using a div and css - and without getting a scroll bar? Four pages of Google results didn't yield an answer. All gave me scroll bars or divs/css. I've used divs for so long that this is a refresher course for me in tables.

[ShadowAce]

The columns don't appear to be affected by the 'width' tag, but auto-size to fit the widest text among the cells within that column. Correct?

The columns are the width of the widest part of the content--either the width tag, or the text within the column. If the text fits within the width tag value, then the column is the width of the tag--otherwise it is the width of the text.

Also, can you wrap text in a table cell without using a div and css - and without getting a scroll bar?

Try breaking up the text using <br> tags.

[Scoutmaster]

The columns are the width of the widest part of the content--either the width tag, or the text within the column.

Is the phrase "Align left" wider than 175 pixels? That phrase is setting the width of the first column (on my 1920x1200 resolution monitor, Firefox window at near maximum size - Mac)

[ShadowAce]

Hmm--Not sure. On my monitor, I see a wider column there, with the text left aligned properly. It takes less than half the column width.

My display is 1680x1050 on a Dell P2210, with Firefox maximized on this screen.

[Scoutmaster]

On my monitor, I see a wider column there, with the text left aligned properly. It takes less than half the column width.

Thanks. It's a browser-specific issue. Worked for me in Firefox.

Even with a good 'reset' CSS, a web designer deals with browser-specific issues. Lots of them for IE6, and CSS rounded corners, transparency, shadows, and @font-face are handled differently by IE and mozilla than other browsers.

I just didn't expect something as established as tables to be treated differently by different browsers.

[ShadowAce]

I just didn't expect something as established as tables to be treated differently by different browsers.

That is an interesting observation. I would not have expected that, either.

[Scoutmaster]

That is an interesting observation. I would not have expected that, either.

When I'm designing a website, I'll use Adobe Browser Lab, bowsershots.org, or another system to test a site in various browsers and various versions of those browsers.

Now that Netscape's not in the picture, headaches are primarily confined to IE (and let's not even talk about IE6), the browser that doesn't think it has to play by the rules ("I'm getting better," in Monty Python parlance, IE says). Although there are Mozilla-specific CSS rules for @font-faces and rounded corners, etc.

I was using Safari Version 5.1.2 (6534.52.7) on OS X Version 10.6.8 (Firefox runs slow, and Chrome is just too streamlined some of the time; Opera's okay), and it simply doesn't show tables correctly. I kick among four browsers depending on what I'm doing. The table widths show fine in everything except Safari.

Odd. As I said, I was taking a table refresher because tables were replaced by the

element in HTML for so much so long ago- unless you really need a table. Somebody in Cupertino must have decided "tables? Who needs a browser that shows tables correctly."

Thank you for all of your help. I'm posting this reply in Firefox.

[hoosiermama]

FIRST TRY After NV
Delegate tally approximately
Romney 51 Newt 45
when FL vote divided per RNC rules!

Pass the word!

CLICK TO DONATE TO NEWT

CONTACT FOR RNC:
website@nrcc.org

310 First Street
Washington DC 20003

Encourage them to do the RIGHT thing: end the FL fiasco NOW!
Play by RULE 15:B:2

[freebird5850]

test
[IMG]http://i120.photobucket.com/albums/o177/camaniac/terryfront1.jpg[/IMG] or
[IMG]http://i120.photobucket.com/albums/o177/camaniac/terryfront1.jpg,/img> or
[IMG]http/www.i120.photobucket.com/albums/o177/camaniac/terryfront1.jpg