I'm getting errors starting with line 15:"Document does not allow element tr here". If I get rid of it, my chart is messed up. Did I miss or add too many tr somewhere? Of course I'll keep looking and if I find something I will post it. I was almost positive I watched my starting and ending points..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jake's Schedule</title>
</head>
<body>
<h1>Jacob Martin</h1>
<h3>This table shows my Fall Semester of classes</h3>
<table>
<tr>
<td><b>Hometown:</b> Pulaski, WI<br />I have lived there for 19 years</td>
<td><b><u>Education:</u></b> Soon to have Associates for CS<br />UW Fox Valley 2015 for Associates<br/>BA at UW Stout</td>
<tr>
<td rowspan="2"><h2>My Favorites</h2><br/>
<ol>
<li><h3>Musicians</h3></li>
<ul>
<li>Limp Bizkit</li>
<li>Kid Rock</li>
</ul>
<li><h3>Hobbies</h3></li>
<ul>
<li>Running</li>
<li>Video Games</li>
</ul>
<li><h3>Websites</h3></li>
<ul>
<li><a href=http://www.ign.com>IGN</a></li>
<li><a href=http://n4g.com>N4G</a></li>
<li><a href=http://www.wwe.com/wwenetwork>WWE Network</a></li>
</ul>
</ol>
</td>
<td><table border="2">
<tr>
<th> </th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
<tr>
<th>8:00-<br/>8:59</th>
<td>Ethics</td>
<td rowspan="2">Data Structors</td>
<td>Ethics</td>
<td rowspan="2">Data Structors</td>
<td>Ethics</td>
</tr>
<tr>
<th>9:00-<br/>9:59</th>
<td>study</td>
<td>study</td>
<td>study</td>
</tr>
<tr>
<th>10:00-<br/>10:59</th>
<td colspan="5">Calculas II</td>
</tr>
<tr>
<th>11:00-<br/>11:59</th>
<td colspan="5">study</td>
</tr>
<tr>
<th>12:00-<br/>12:59</th>
<td colspan="5">study</td>
</tr>
<tr>
<th>1:00-<br/>1:59</th>
<td colspan="5">study</td>
</tr>
<tr>
<th>2:00-<br/>2:59</th>
<td colspan="5">study</td>
</tr>
<tr>
<th>3:00-<br/>3:59</th>
<td>Linear Algebra</td>
<td>study</td>
<td>Linear Algebra</td>
<td>study</td>
<td>Linear Algebra</td>
</tr>
</tr>
</table></td>
</tr>
<td colspan="2"> <p>My goals goals for this Summer is to learn how to make webpages with HTML.<br/> I also want to learn more about Computer Programming in general.<br/> I have 4 classes and I want to be ready for my website job this fall.</p></td>
</table>
<img src="future.jpg" alt="The Future" style="width:400px;height:200px;"/>
<p>a² + b² = c²</p>
<p>½ > ¼ & 0° C < 33° F</p>
</body>
</html>
The first two table rows are missing the close /tr tag.
Dreamweaver is encountering a new tr tag on line 15 without the previous tr tag being close. It also happens again on line 40.
you have missed one closed bracket of <tr>. put here.
<td colspan="2">
<p>My goals goals for this Summer is to learn how to make webpages with HTML.<br/> I also want to learn more about Computer Programming
in general.<br/> I have 4 classes and I want to be ready for my website job this fall.</p></td>
</tr>
</table>
Related
I created a nested table as per the section 3 challenge. But I don't get tables in the right alignment. Please see the picture I included below. The code I used is posted below too. Please feel free to check. Here you can see the second table is not starting exactly at the top.
The body part of HTML code is listed below. Please refer and point me where I made my mistake.
<body>
<table>
<tr>
<td> <img src="images/img11.png" alt="Master Oggway Quotes"></td>
<td>
<h1>No Name</h1>
<p>
<em>Embedded Engineer and </em>
<strong>a life long learner</strong>
</p>
<p>This is my website I will put some awesome electronics and computer science experiment I do here.</p>
</td>
</tr>
</table cellspacing="20">
<hr>
<h3>Techinical Background</h3>
<ul>
<li>Bachelor Degree in ECE</li>
<li>3 year experience in Embedded Engineering</li>
<li>C programmer, Python, web development, C++ </li>
<li>Linux shell scripting plus embedded linux programming</li>
</ul>
<hr>
<h3>WORK EXPERIENCE</h3>
<table>
<thead>
<tr>
<th>Date</th>
<th>Experience</th>
</tr>
<tbody>
<tr>
<td>2018-2019</td>
<td>SMEC LABS as Juniour Embedded Engineer</td>
</tr>
<tr>
<td>2019-PRESENT</td>
<td>QIS as Seniour Embedded Engineer</td>
</tr>
</tbody>
</thead>
</table>
<hr>
<h3>My Hobbies</h3>
<ol>
<li>Electronics DIY experimenting and Programming</li>
<li>Web development Youtuber and Blogging</li>
<li>GAME programming in Scratch and C++</li>
<li>Reading techinical articles and books</li>
<li>Dance, Swim and video games</li>
</ol>
<hr>
<h3>SKILLS</h3>
<table cellspacing="20">
<tr>
<td>
<table cellspacing="20">
<tr>
<td>Embedded C, C++</td>
<td> ✪✪✪✪✪</td>
</tr>
<tr>
<td>PCB Design using KiCAD</td>
<td> ✪✪✪✪✪</td>
</tr>
<tr>
<td>Web Designing and Python Programming</td>
<td> ✪✪✪✪</td>
</tr>
<tr>
<td>Embedded Linux and Linux System Programming</td>
<td> ✪✪✪</td>
</tr>
</table>
</td>
<td>
<table cellspacing="20">
<tr>
<td valign="top">Hardware debugging using DSO logic analyzer etc</td>
<td valign="top"> ✪✪✪✪✪</td>
</tr>
<tr>
<td valign="top">IoT and Networking</td>
<td valign="top"> ✪✪</td>
</tr>
</table>
</td>
</tr>
</table>
<h3>Hobbies Explained</h3>
<h3>CONTACT ME</h3>
</body>
You need to vertically align the contents of the td
<td valign="top">
<table> ...</table>
</td>
Demo
Align the outer (formatting) table cells with content starting in the top left corner of the cells. Set the two columns to equal width.
Align the cells (in <td>) in the nested table (use tag to identify only the inner table) to be centered in the middle.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jake's Schedule</title>
<link rel="stylesheet" type="text/css" href="Web4.css"/>
</head>
<body>
<h1>Jacob Martin</h1>
<h3>This table shows my Fall Semester of classes</h3>
<table>
<tr>
<td class="topcolums"><span class="bold">Hometown:<br/><br/></span> Pulaski, WI<br />I have lived there for 19 years</td>
<td class="topcolums"><span class="bold"><span class="underlined">Education:<br/><br/>
</span></span> Soon to have Associates for CS<br />UW Fox Valley 2015 for Associates<br/>BA at UW Stout</td>
</tr>
<tr>
<td rowspan="2"><h2>My Favorites</h2><br/>
<ol>
<li id="musicians"><h3>Musicians</h3>
<ul>
<li class="disc">Limp Bizkit</li>
<li class="square">Kid Rock</li>
</ul></li>
<li id="hobbies"><h3>Hobbies</h3>
<ul>
<li class="disc">Running</li>
<li class="square">Video Games</li>
</ul></li>
<li id="websites"><h3>Websites</h3>
<ul>
<li class="disc">IGN</li>
<li class="square">N4G</li>
<li class="circle">WWE Network</li>
</ul></li>
</ol>
</td>
<td><table border="2">
<tr>
<th> </th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
<tr>
<th>8:00-<br/>8:59</th>
<div align="center"><td>Ethics</td>
<td rowspan="2">Data Structors</td>
<td>Ethics</td>
<td rowspan="2">Data Structors</td>
<td>Ethics</td></div>
</tr>
<tr>
<th>9:00-<br/>9:59</th>
<div align="center"><td>study</td>
<td>study</td>
<td>study</td></div>
</tr>
<tr>
<th>10:00-<br/>10:59</th>
<div align="center"><td colspan="5">Calculas II</td></div>
</tr>
<tr>
<th>11:00-<br/>11:59</th>
<div align="center"><td colspan="5">study</td></div>
</tr>
<tr>
<th>12:00-<br/>12:59</th>
<div align="center"><td colspan="5">study</td></div>
</tr>
<tr>
<th>1:00-<br/>1:59</th>
<div align="center"><td colspan="5">study</td></div>
</tr>
<tr>
<th>2:00-<br/>2:59</th>
<div align="center"><td colspan="5">study</td></div>
</tr>
<tr>
<th>3:00-<br/>3:59</th>
<div align="center"><td>Linear Algebra</td>
<td>study</td>
<td>Linear Algebra</td>
<td>study</td>
<td>Linear Algebra</td></div>
</tr>
</table></td>
</tr>
<tr><td colspan="2"><p>My goals goals for this Summer is to learn how to make webpages with HTML.<br/> I also want to learn more about Computer Programming in general.<br/> I have 4 classes and I want to be ready for my website job this fall.</p></td></tr>
</table>
<img id="image" src="../Web2/future.jpg" alt="The Future"style= width="400px" height="200px"/>
<p>a² + b² = c²</p>
<p>½ > ¼ & 0° C < 33° F</p>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</p>
</body>
</html>
Can I get an explanation of 1 and 2. How can i solve it? I am assuming in 1 that it meant to make the width equal which i did in CSS. If that's the case can someone explain 2.
I am building a website and this is my HTML code of my index.html page.
<html>
<table>
<tr>
<td>Watch on</td>
<td>Youtube</td>
</tr>
<tr>
<td>Channel</td>
<td>jonathanlootens</td>
</tr>
<tr>
<td>video title</td>
<dt>Mickey en de stomende drol</td>
</tr>
<tr>
<td>link</td>
<td>https://www.youtube.com/watch?v=a3leCIk2eyQ</td>
</tr>
</table>
</html>
See the snippet code.
When I open the index.html page in my web browser application, I only see a white page, nothing at all. When I open the internet explorer with devtools I don't see any error.
Wrap your content inside of
<body></body>
tags and see if that helps.
<html>
<body>
<table>
<tr>
<td>Watch on</td>
<td>Youtube</td>
</tr>
<tr>
<td>Channel</td>
<td>jonathanlootens</td>
</tr>
<tr>
<td>video title</td>
<td>Mickey en de stomende drol</td>
</tr>
<tr>
<td>link</td>
<td>https://www.youtube.com/watch?v=a3leCIk2eyQ</td>
</tr>
</table>
</body>
</html>
I think this is a good link for you to get started HTML Table CSS Tricks.
Anyway, there's a lot wrong with your code sample.
There's no <!DOCTYPE>
You don't have a <body>
You don't have table headers <thead> nor <th>
You don't have a table body <tbody>
You don't need to add any code, there is syntax mistake
<dt>Mickey en de stomende drol</td>
The </td> doesn't have a valid <td>
You have misspelt tag name
There are many mistakes, however the absence of the tags are whats stopping your content from displaying.
Try:
<html>
<body>
<table>
<tr>
<td>Watch on</td>
<td>Youtube</td>
</tr>
<tr>
<td>Channel</td>
<td>jonathanlootens</td>
</tr>
<tr>
<td>video title</td>
<td>Mickey en de stomende drol</td>
</tr>
<tr>
<td>link</td>
<td>https://www.youtube.com/watch?v=a3leCIk2eyQ</td>
</tr>
</table>
</body>
I would recommend looking at Code Academy (http://www.codecademy.com/) in order to develop your skills.It's a great free site that provides tutorials and teaches the basics of web development.
Im really stuck making the markup for this kind of table I almost spend 2hrs reading the difference between rowspan and colspan. Im badly need help for this guys.
Thanks
Code for first two rows:
<html>
<head>
<title>
</title>
</head>
<body>
<table border="2">
<tr>
<td rowspan="2">Diversifier Portfolio PDF</td>
<td>Investment Management</td>
<td>0.30%</td>
<td rowspan="2">0.40%</td>
</tr>
<tr>
<td>Administration</td>
<td>0.10%</td>
</tr>
</table>
</body>
</html>
Edit: I was too slow :'(
Repeat the same for three times
<table border="1">
<tr>
<td rowspan="2">
Divers
</td>
<td>
Invest
</td>
<td>
0.30%
</td>
<td rowspan="2">
0.40%
</td>
</tr>
<tr>
<td>
Invest
</td>
<td>
0.10%
</td>
</tr>
</table>
I have to create a simple table within a table. i am using following html code for making as simple page. please copy and paste it to file for understand the problem correctly.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<BODY>
<table border=1>
<tr>
<td>
<table>
<tr>
<td>thid entry should be on top</td>
</tr>
<tr>
<td>why this comes in middle</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>entry1</td>
</tr>
<tr>
<td>entry2</td>
</tr>
<tr>
<td>entry3</td>
</tr>
<tr>
<td>entry4</td>
</tr>
<tr>
<td>entry5</td>
</tr>
</table>
</td>
</tr>
</table>
</BODY>
</HTML>
The main problem is in my right side part of table I have some searched information, and left side some refine search panel. so when my page comes, my refine search window comes exact middle. i want my left part of table is to aligned on table, where my start.
Please help me to resolve this.
valign="top" in the correct column would be a simple solution to your prob.
like:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<BODY>
<table border=1>
<tr>
<td valign="top">
<table>
<tr>
<td>thid entry should be on top</td>
</tr>
<tr>
<td>why this comes in middle</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>entry1</td>
</tr>
<tr>
<td>entry2</td>
</tr>
<tr>
<td>entry3</td>
</tr>
<tr>
<td>entry4</td>
</tr>
<tr>
<td>entry5</td>
</tr>
</table>
</td>
</tr>
</table>
</BODY>
</HTML>
edit:
style="vertical-align:top;" if you use css