Highlighted

Fatal error with code in DW CS6

Explorer ,
Nov 21, 2017

Copy link to clipboard

Copied

I ran a few new pages through the Validator and it highlighted this section of code with a Fatal Error.

Can someone please help as it is driving me nuts. I am using CS6.

<table>

   

         <caption><h1>

               Booster Packs<br></h1>

               <h4>& various ad and promo cards</h4><br>

               <h5>Additional info: Marc Brooksbank</h5>

         </caption>

              

            <tr>

         

                <h3><th id="allzombiesmustdiesmad">All Zombies Must Die! (2011) (England)</th></h3>

                <h3><th id="allzombiesmustdierusher">All Zombies Must Die! (2011) (England)</th></h3>

                <h3><th id="allzombiesmustdieswat">All Zombies Must Die! (2011) (England)</th></h3>

                <h3><th id="arthurweasley">Arthur Weasley (2007) (England)</th></h3>

                <h3><th id="asterix">Asterix (2009) (German)</th></h3>

              

                </tr>

Any help greatly appreciated!

Adobe Community Professional
Correct answer by B i r n o u | Adobe Community Professional

yes you can use LIST for that purpose

<ul>

<li></li>

<li></li>

<li></li>

</ul>

each LI will contain all the needed informations , and you can structure each items inside the LI as you like, because the LI tag can contain any tags

li – list item - HTML5

Views

229

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

Fatal error with code in DW CS6

Explorer ,
Nov 21, 2017

Copy link to clipboard

Copied

I ran a few new pages through the Validator and it highlighted this section of code with a Fatal Error.

Can someone please help as it is driving me nuts. I am using CS6.

<table>

   

         <caption><h1>

               Booster Packs<br></h1>

               <h4>& various ad and promo cards</h4><br>

               <h5>Additional info: Marc Brooksbank</h5>

         </caption>

              

            <tr>

         

                <h3><th id="allzombiesmustdiesmad">All Zombies Must Die! (2011) (England)</th></h3>

                <h3><th id="allzombiesmustdierusher">All Zombies Must Die! (2011) (England)</th></h3>

                <h3><th id="allzombiesmustdieswat">All Zombies Must Die! (2011) (England)</th></h3>

                <h3><th id="arthurweasley">Arthur Weasley (2007) (England)</th></h3>

                <h3><th id="asterix">Asterix (2009) (German)</th></h3>

              

                </tr>

Any help greatly appreciated!

Adobe Community Professional
Correct answer by B i r n o u | Adobe Community Professional

yes you can use LIST for that purpose

<ul>

<li></li>

<li></li>

<li></li>

</ul>

each LI will contain all the needed informations , and you can structure each items inside the LI as you like, because the LI tag can contain any tags

li – list item - HTML5

Views

230

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
Nov 21, 2017 0
Adobe Community Professional ,
Nov 21, 2017

Copy link to clipboard

Copied

you cannot insert any tag in any tags... I mean some tags don't have all the others tags as permited content

so TR doesn't accept H3... as you can verify here

tr – table row - HTML5

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
Reply
Loading...
Nov 21, 2017 1
Adobe Community Professional ,
Nov 21, 2017

Copy link to clipboard

Copied

#1 I don't know why you're using table for this but your structure is not correct.

<table>

     <caption>Table Caption </caption>

<tr>

     <th id="one">Heading</th>

     <th id="two">Heading</th>

     <th ide="three">Heading</th>

</tr>

<tr>

     <td>Something</td>

     <td>Something</td>

     <td>Something</td>

</tr>

</table>

#2 IDs are unique identifiers and can be used only 1 x per page.

<th id="allzombiesmustdiesmad">

Nancy O'Shea, ACP
Alt-Web Design & Publishing

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
Reply
Loading...
Nov 21, 2017 0
Adobe Community Professional ,
Nov 21, 2017

Copy link to clipboard

Copied

The <h3> tags can't wrap <th> tags. They need to be moved inside the <th> tags and placed around the text itself.

<th id="allzombiesmustdiesmad"><h3>All Zombies Must Die! (2011) (England)</h3></th>

                <th id="allzombiesmustdierusher"><h3>All Zombies Must Die! (2011) (England)</h3></th>

                <th id="allzombiesmustdieswat"><h3>All Zombies Must Die! (2011) (England)</h3></th>

                <th id="arthurweasley"><h3>Arthur Weasley (2007) (England)</h3></th>

                <th id="asterix"><h3>Asterix (2009) (German)</h3></th>

EDIT: Whoops, I'm wrong, the <h3> can't be inside <th> either. Doing that will get rid of the "fatal error", but it brings up new ones.

Instead of adding <h3> (a header tag) to the <th> (table header) just style the <th> the way you want using css...

th {

     property:value;

     property:value;

}

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
Reply
Loading...
Nov 21, 2017 0
Explorer ,
Nov 21, 2017

Copy link to clipboard

Copied

THAT, is what I have been getting wrong! Just changed it and the CSS surrounding the H3's and it now seems to get past the fatal error.

Thank you all I will continue to rectify my errors!

Thank you everyone, you came to my rescue yet again!

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
Reply
Loading...
Nov 21, 2017 0
Adobe Community Professional ,
Nov 21, 2017

Copy link to clipboard

Copied

just curious and it is a question concerning the TABLE tag,

are you displaying tabuled data ? like a spread sheet ? of is it something else ?

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
Reply
Loading...
Nov 21, 2017 0
Explorer ,
Nov 21, 2017

Copy link to clipboard

Copied

It is a table displaying packs of cards and when the images are clicked then you get to see all of the cards and any information. It is a collectors site.

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
Reply
Loading...
Nov 21, 2017 0
Adobe Community Professional ,
Nov 21, 2017

Copy link to clipboard

Copied

so that's not a tabuled data approach... why are you using TABLE, can't you use any type of list of elements ?

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
Reply
Loading...
Nov 21, 2017 0
Explorer ,
Nov 21, 2017

Copy link to clipboard

Copied

The easiest way to explain what it is is to let you see the site

www.ultimate-top-trumps.co.uk

In the process of dragging it into the modern age and out of the stone age!

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
Reply
Loading...
Nov 21, 2017 0
Adobe Community Professional ,
Nov 21, 2017

Copy link to clipboard

Copied

nigelh70638339  wrote

In the process of dragging it into the modern age and out of the stone age!

Tables are not a modern layout approach.  They're not responsive on smaller devices.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

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
Reply
Loading...
Nov 21, 2017 1
Explorer ,
Nov 21, 2017

Copy link to clipboard

Copied

I have tried to make it responsive but it gets seriously wrong smaller than tablet size.

How else can I lay the site out in the same way without tables?

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
Reply
Loading...
Nov 21, 2017 0
Adobe Community Professional ,
Nov 21, 2017

Copy link to clipboard

Copied

yes you can use LIST for that purpose

<ul>

<li></li>

<li></li>

<li></li>

</ul>

each LI will contain all the needed informations , and you can structure each items inside the LI as you like, because the LI tag can contain any tags

li – list item - HTML5

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
Reply
Loading...
Nov 21, 2017 1
Adobe Community Professional ,
Nov 21, 2017

Copy link to clipboard

Copied

use FLOAT or FLEX for display your LI tags

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
Reply
Loading...
Nov 21, 2017 0
Explorer ,
Nov 21, 2017

Copy link to clipboard

Copied

Ah! OK, I will try it as a list.

Thanks Birnou

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
Reply
Loading...
Nov 21, 2017 0