Cell format in new table row

Community Beginner ,
Jun 14, 2022 Jun 14, 2022

Copy link to clipboard

Copied

When I create a new row in a table (control click in a cell > Table > Insert Rows or Columns) the cell is formatted by default as None. I would like cells in new rows to be formatted as Paragraph.

I have done extensive searches, but haven't found an answer.

Views

117

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Jun 15, 2022 Jun 15, 2022
Well it may if the intended CSS styles are applied to <p> tags and not <td> tags. By @Nancy OShea
isn't it easiest to add a , td to the p rules, as before p { /* any description */ } after p, td { /* any description */ } than adding a P tag deep in the butter just to get a styled content.. except as @L e n a  point at for a semantic need (Well I don't personnaly see any P semantic need in within a TD)

Likes

Translate

Translate
Adobe Community Professional ,
Jun 14, 2022 Jun 14, 2022

Copy link to clipboard

Copied

Cells are not styled as paragraphs.  Paragraphs are styled as paragraphs.

 

By way of example:

<table border="1" cellpadding="5">
<tr>
<th><h1>Heading</h1></th>
<th><h1>Heading</h1></th>
<th><h1>Heading</h1></th>
</tr>

<tr>
<td><p>This is a paragraph....</p></td>
<td><p>This is a paragraph....</p></td>
<td><p>This is a paragraph....</p></td>
</tr>
</table>

 

That said, Tables are for tabular data only (charts & spreadsheets).  Use CSS for webpage layouts.

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 14, 2022 Jun 14, 2022

Copy link to clipboard

Copied

These are labels and sentences within cells. What I'm referring to is the paragraph format that contains my font choice, as shown in the inspector.

The data is (are?) tabular. The page is just a simple table with many rows. No embedded tables.

I think in the past a new row had the correct formatting as a default, but I must have changed something.

 

Here's an example:

<tr style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif">
<td width="234" bgcolor="#FAF9F9"><p>Morocco </p></td>
<td><p>1930</p></td>
<td width="207"><p>Gary Cooper<br>
Marlene Dietrich<br>
Adolphe Menjou<br>
Eve Southern<br>
Ullrich Haupt </p>
<p>Director:<br>
Josef von Sternberg </p></td>
<td><p><img src="picsdate/morocco.jpg" width="240" height="205" alt=""/></p></td>
<td><p>Madame Caesar, (Eve Southern), blah, blah.<br>
Several other shots in this set show Thonet No. 18s.</p></td>
</tr>

 

I'm aware that, with a lot of work, I could recreate the table with CSS.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 14, 2022 Jun 14, 2022

Copy link to clipboard

Copied

Using inline styles in HTML code is confusing and easy to break styles.  It would be better if styles were kept in a separate stylesheet.  The only time we use inline styles is when creating emails.

 

I would use definition lists for this.

https://www.the-art-of-web.com/css/format-dl/

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

quote

I'm aware that, with a lot of work, I could recreate the table with CSS.

By @habronattus

 

nope, it's pretty easy and fast...

well, launch a search and replace advanced TAB for handling the three below opérations

  1. remove all attribute in TR and TD tags
  2. remove all P tag (just the cleaning tag, not the physical removing)... I mean cleaning will remove the tag itself not the content
  3. you can leav the BR on

then apply your CSS in one shot

 

but as @Nancy OShea recommand , the use of DL, DT and DD are there for this type of purpose (among others) https://developer.mozilla.org/fr/docs/Web/HTML/Element/dl

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

I don't understand your expectations.
by inserting a new row TR, necessarily the new cell content will be either TH, or TD... but not P
the question is... what do you want to achieve... a visual of your TH and TD cells that is based on the visual used by your P tags?
or do you want your cells to automatically contain paragraphs in the form of P tags... so a semantic meaning... for what interest ?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

Totally agree with @L e n a , <td><p>This is a paragraph....</p></td> does not require a P-tag.

Wappler, the only real Dreamweaver alternative.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

quote

<td><p>This is a paragraph....</p></td> does not require a P-tag.


By @BenPleysier

============

Well it may if the intended CSS styles are applied to <p> tags and not <td> tags.

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

quote

Well it may if the intended CSS styles are applied to <p> tags and not <td> tags.

By @Nancy OShea

 

isn't it easiest to add a , td to the p rules,

as

before

p {
 /* any description */
}

after

p, td {
 /* any description */
}

than adding a P tag deep in the butter just to get a styled content.. except as @L e n a  point at for a semantic need (Well I don't personnaly see any P semantic need in within a TD)

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

"after
p, td"

 

Thank you. That's exactly what I was looking for.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

quote

"after
p, td"

 

Thank you. That's exactly what I was looking for.


By @habronattus

 

glad that it helped you

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

We have no idea if there is any external stylesheet.  This is all just guesswork.

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

quote

We have no idea if there is any external stylesheet.  This is all just guesswork.

By @Nancy OShea

 

I'm curious to understand what will be the difference in this particular thread and question ?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

In the absence of ANY stylesheet, there are no paragraph or table cell styles to call on.  It's just an unformatted table.

 

 

 

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

quote

In the absence of ANY stylesheet, there are no paragraph or table cell styles to call on.  It's just an unformatted table.

By @Nancy OShea

 

well, maybe my English is not correct, but I did understand that styles were used when reading this...

 

quote

What I'm referring to is the paragraph format that contains my font choice, as shown in the inspector.

I'm aware that, with a lot of work, I could recreate the table with CSS.

By @habronattus

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

I do have a CSS stylesheet. I just changed the p to p, td in the .css file as B i r n o u suggested above.

Now a new row has the font I want and I don't have to insert a paragraph.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 16, 2022 Jun 16, 2022

Copy link to clipboard

Copied

LATEST

I appreciate the fact of getting a correct answer, but in fact I was answering to @Nancy OShea by just reformulating what was said as a first comment by @L e n a 

 

quote

nope, it's pretty easy and fast...

well, launch a search and replace advanced TAB for handling the three below opérations

  1. remove all attribute in TR and TD tags
  2. remove all P tag (just the cleaning tag, not the physical removing)... I mean cleaning will remove the tag itself not the content
  3. you can leav the BR on

then apply your CSS in one shot

By @L e n a

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 15, 2022 Jun 15, 2022

Copy link to clipboard

Copied

Hi Habronattus, Happy Wednesday. If you are using Tables to layout web pages you are a rockstar. Boostrap is so much easier than tables. Trust me. Here see for yourself.  https://youtu.be/kqH7ORdVzNg

Have a happy day.

 

A quick video on how to use the latest version of Bootstrap, v5 inside Adobe Dreamweaver. This is a how-to video for those that don't want to use the Bootstr...

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines