Both are snippets so missed copying into message, sorry. The CSS and HTML both validated using W3C validator. The free Bbedit version doesn't have validation feature which in essence does same thing as W3C.
On Wednesday, April 17, 2024 at 1:16:34 AM UTC-4 Bruce Van Allen wrote: > I think before going to Preview (in BBEdit or Safari) it would be good to > use BBEdit’s syntax checker - Menu: Markup -> Check -> Document Syntax. > > Could be copy-paste issues, but in your HTML as shown: > > - the div with class=“content” needs a closing div tag, after the closing > p tag (not necessarily right after); > > - the img element needs at least a closing double-quote mark on the file > name and a closing angle bracket, if not also alt and other image > attributes. > > See what Check Document Syntax tells you. > > — Bruce > > _bruce__van_allen__santa_cruz_ca_ > > > > > > > On Apr 16, 2024, at 9:58 PM, Raizel <[email protected]> wrote: > > > > body { > > font-family: Verdana, Helvetica, sans-serif; > > background-color: #333333; > > color: #FFF; > > font-size: 12px; > > text-align: left; > > /* RBC added (top, right, bottom, left) */ > > } > > > > .content { > > padding: 16px; > > } > > <div class="content"> > > <p>Note: Please include the person's Reference Number, eg: > <b>(A66)</b>.. and more text.</ p> > > > > =========================== > > .footer { > > position: fixed; > > left: 0; > > bottom: 0; > > width: 70%; > > background-color: #333333; > > color: #f1f1f1; > > font-family: Georgia, Times, serif; > > font-style: italic; > > font-size: smaller; > > padding: 0 0 0 20px; > > > > <div class="footer"> > > <img src="images/image.jpg<br> > > Thanks go to the relatives that.</div> > > > > The is in a <div> and uses <p> that I believe follows the body statement > as I didn't define <p> separately. > > On Wednesday, April 17, 2024 at 12:49:09 AM UTC-4 Bruce Van Allen wrote: > > I meant the HTML text and relevant style blocks/sheets. > > > > — Bruce > > > > _bruce__van_allen__santa_cruz_ca_ > > > > > > > > > > > > > On Apr 16, 2024, at 9:34 PM, Raizel <[email protected]> wrote: > > > > > > Here's capture from BBEdit and Safari Version 17.4.1. > > > My CSS for <body> is set: font-size: 12px; > > > My CSS for .footer is set: font-size: smaller; as 9px or ?em (can't > remember but about = to 9px) didn't work either. > > > On Tuesday, April 16, 2024 at 10:12:22 PM UTC-4 Bruce Van Allen wrote: > > > Can you post a minimal example HTML page or fragment that we can look > at both ways? I don’t recall seeing major text size or other formatting > differences between BBEdit preview and Safari. Quite a few settings might > be impinging (BBEdit, Safari, System) ... > > > > > > — Bruce > > > > > > _bruce__van_allen__santa_cruz_ca_ > > > > > > > > > > > > > > > > > > > On Apr 16, 2024, at 6:13 PM, R B Cohen <[email protected]> wrote: > > > > > > > > When I view in BBEdit (free version), everything looks great. But > when I switch to Safari, not so. The type looks "10 times" larger and > spacing and alignment is different. My HTML pages use CSS stylesheet for > formatting. > > > > > > > > Most notable, font-size set to 9px looks more like 18px in Safari > bother offline and online, but renders fine in BBEdit preview. > > > > > > > > I'm using Safari Version 17.4.1 (macOS Sonoma). > > > > > > > > -- > > > > This is the BBEdit Talk public discussion group. If you have a > feature request or believe that the application isn't working correctly, > please email "[email protected]" rather than posting here. Follow > @bbedit on Mastodon: <https://mastodon.social/@bbedit> > > > > --- > > > > You received this message because you are subscribed to the Google > Groups "BBEdit Talk" group. > > > > To unsubscribe from this group and stop receiving emails from it, > send an email to [email protected]. > > > > To view this discussion on the web visit > https://groups.google.com/d/msgid/bbedit/e7d426b9-16d1-4c69-8944-de82c561c4b6n%40googlegroups.com. > > > > > > > > > > > -- > > > This is the BBEdit Talk public discussion group. If you have a feature > request or believe that the application isn't working correctly, please > email "[email protected]" rather than posting here. Follow @bbedit on > Mastodon: <https://mastodon.social/@bbedit> > > > --- > > > You received this message because you are subscribed to the Google > Groups "BBEdit Talk" group. > > > To unsubscribe from this group and stop receiving emails from it, send > an email to [email protected]. > > > To view this discussion on the web visit > https://groups.google.com/d/msgid/bbedit/e95ee939-a0a7-476c-b37b-4227b62c4939n%40googlegroups.com. > > > > > <Screenshot BBEdit 15.jpg><Screenshot Safari.jpg> > > > > > > -- > > This is the BBEdit Talk public discussion group. If you have a feature > request or believe that the application isn't working correctly, please > email "[email protected]" rather than posting here. Follow @bbedit on > Mastodon: <https://mastodon.social/@bbedit> > > --- > > You received this message because you are subscribed to the Google > Groups "BBEdit Talk" group. > > To unsubscribe from this group and stop receiving emails from it, send > an email to [email protected]. > > To view this discussion on the web visit > https://groups.google.com/d/msgid/bbedit/58a63a25-52fd-4822-8952-adcc69b2f87an%40googlegroups.com > . > > -- This is the BBEdit Talk public discussion group. If you have a feature request or believe that the application isn't working correctly, please email "[email protected]" rather than posting here. Follow @bbedit on Mastodon: <https://mastodon.social/@bbedit> --- You received this message because you are subscribed to the Google Groups "BBEdit Talk" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/bbedit/d25fd751-4952-4b36-b4f0-290caf36f30dn%40googlegroups.com.
