Tables and Borders in HTML

JuniorRivero · August 12, 2016

Hey all,

This is my first time working with HTML and was wondering if anyone could help me out with a problem I'm experiencing.

I have created so far a design in WORD to be created in HTML . Attached find the codes and images of the idea of what i would like to achieve. Unfortunately i haven't been able to succeed. I can't seem to get the each table with separately (horizontal) with a border around it. Please anybody can help me out?

The following is the HTML created. I've recently learned the following code <table style="border:1px solid black;"> for the table border. Unfortunately as i mentioned before not able to apply this in order for each table to has his own border and to be separate horizontally. Please find attached an idea of what i have accomplished so far and what i want to get.

Please advice,

Best regards, Junior

p>Algemene Informatie

<table>

<tbody>

<tr>

Ritnummer:

</td>

</td>

Datum Dienst

</td>

</td>

</tr>

<tr>

Vertrek van:

</td>

</td>

Ambulance:

</td>

</td>

</tr>

<tr>

</td>

</td>

Ambulance assistent:

</td>

</td>

</tr>

<tr>

Afhaaladres:

</td>

</td>

Ambulanceverpleegkundige:

</td>

</td>

</tr>

<tr>

Bestemming:

</td>

</td>

Overige:

</td>

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

Melding MKA:

</td>

</td>

Urgentie

</td>

</td>

</tr>

<tr>

Werkdiagnose:

</td>

</td>

Urgentie:

</td>

</td>

</tr>

<tr>

Situatie:

</td>

</td>

</td>

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

Achternaam:

</td>

</td>

Voornaam:

</td>

</td>

</tr>

<tr>

Geboortedatum:

</td>

</td>

Geslacht:

</td>

</td>

</tr>

<tr>

Adres:

</td>

</td>

</tr>

<tr>

Telefoon:

</td>

</td>

AZV nummer:

</td>

</td>

</tr>

<tr>

Huisarts:

</td>

</td>

</td>

</td>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

OT:

</td>

</td>

VT:

</td>

</td>

APT:

</td>

</td>

</tr>

<tr>

VPT:

</td>

</td>

ABT:

</td>

</td>

VMT:

</td>

</td>

</tr>

<tr>

Toestand van de patiënt bij aankomst:

</td>

</td>

</tr>

<tr>

</tr>

</tbody>

</table>

Primary Survey

<table>

<tbody>

<tr>

Airway:

</td>

</td>

</td>

</td>

</tr>

<tr>

Handelingen:

</td>

</td>

</td>

</td>

</tr>

<tr>

Breathing:

</td>

</td>

</td>

</td>

</tr>

<tr>

Handelingen:

</td>

</td>

</td>

</td>

</tr>

<tr>

Circulation:

</td>

</td>

</td>

</td>

</tr>

<tr>

Handelingen:

</td>

</td>

</td>

</td>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

Soort incident:

</td>

</td>

</tr>

<tr>

Algemene handelingen:

</td>

</td>

</tr>

</tbody>

</table>

Medische Informatie

<table>

<tbody>

<tr>

Allergie:

</td>

</td>

</tr>

<tr>

Medicatie:

</td>

</td>

</tr>

<tr>

Past:

</td>

</td>

</tr>

<tr>

Last meal:

</td>

</td>

</tr>

<tr>

Event:

</td>

</td>

</tr>

</tbody>

</table>

Meetgegevens

<table>

<tbody>

<tr>

Vitale gegevens:

</td>

APT

</td>

</td>

</tr>

<tr>

AH

</td>

SpO2

</td>

CO2

</td>

HF

</td>

Tensie

</td>

Ritme

</td>

Temp

</td>

Gluc

</td>

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</tr>

<tr>

Vitale gegevens:

</td>

VPT

</td>

</td>

</tr>

<tr>

AH

</td>

SpO2

</td>

CO2

</td>

HF

</td>

Tensie

</td>

Ritme

</td>

Temp

</td>

Gluc

</td>

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</tr>

<tr>

Vitale gegevens:

</td>

ABT

</td>

</td>

</tr>

<tr>

AH

</td>

SpO2

</td>

CO2

</td>

HF

</td>

Tensie

</td>

Ritme

</td>

Temp

</td>

Gluc

</td>

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</tr>

<tr>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

Glascow Coma Scale:

</td>

APT

</td>

</tr>

<tr>

Eyes

</td>

Motor

</td>

Verbal

</td>

Totaal

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

Glascow Coma Scale:

</td>

VPT

</td>

</tr>

<tr>

Eyes

</td>

Motor

</td>

Verbal

</td>

Totaal

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

Glascow Coma Scale:

</td>

ABT

</td>

</tr>

<tr>

Eyes

</td>

Motor

</td>

Verbal

</td>

Totaal

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

Herziene Trauma Score:

</td>

APT

</td>

</tr>

<tr>

AH Freq.

</td>

Syst. Druk

</td>

GCS

</td>

Totaal

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

Herziene Trauma Score:

</td>

VPT

</td>

</tr>

<tr>

AH Freq.

</td>

Syst. Druk

</td>

GCS

</td>

Totaal

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

Herziene Trauma Score:

</td>

ABT

</td>

</tr>

<tr>

AH Freq.

</td>

Syst. Druk

</td>

GCS

</td>

Totaal

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

</tr>

</tbody>

</table>

Secundary Survey

<table>

<tbody>

<tr>

Hoofd/Hals:

</td>

</td>

</tr>

<tr>

Thorax:

</td>

</td>

</tr>

<tr>

Abdomen:

</td>

</td>

</tr>

<tr>

Bekken:

</td>

</td>

</tr>

<tr>

Extremiteiten Bvn:

</td>

</td>

</tr>

<tr>

Extrimiteiten Ondr:

</td>

</td>

</tr>

<tr>

Rug:

</td>

</td>

</tr>

</tbody>

</table>

Medicaties

<table>

<tbody>

<tr>

Tijd Toediening:

</td>

Medicatie/Infuus:

</td>

Locatie Toediening:

</td>

Effect:

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

</td>

</td>

</td>

</td>

</tr>

</tbody>

</table>

Rapportage/ Bijzonderheden:

<table>

<tbody>

<tr>

</td>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

Vooraankondiging:

</td>

</td>

</td>

Assistentie:

</td>

</td>

Overdracht aan:

</td>

</td>

</tr>

</tbody>

</table>

Ingolme · August 12, 2016

HTML on its own won't be able to do it. You will have to learn CSS.

JuniorRivero · August 12, 2016

But the program we are using right now to create this form does not support CSS, only HTML.. So there is no way that the tables might be separated and each with his own border?

Ingolme · August 12, 2016

What program are you using? Is this a real website you're building?

Any website editor created less than a decade ago should allow CSS editing.

davej · August 13, 2016


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<body>
 

<h4>Algemene Informatie</h4>
 

<table BORDER="1">

<tr>

<th ALIGN="left">Ritnummer:</th>

<th WIDTH="200"> </th>

<th ALIGN="left">Datum Dienst</th>

<th WIDTH="200"> </th>

</tr>

<tr>

<th ALIGN="left">Vertrek van:</th>

<th> </th>

<th ALIGN="left">Ambulance:</th>

<th> </th>

</tr>

<tr>

<th> </th>

<th> </th>

<th ALIGN="left">Ambulance assistent:</th>

<th> </th>

</tr>

<tr>

<th>Afhaaladres:</th>

<th> </th>

<th ALIGN="left">Ambulanceverpleegkundige:</th>

<th> </th>

</tr>

<tr>

<th ALIGN="left">Bestemming:</th>

<th> </th>

<th ALIGN="left">Overige:</th>

<th> </th>

</tr>

<tr>

<th> </th>

<th> </th>

<th> </th>

<th> </th>

</tr>

</table>
 

</body>

</html>

dsonesuk · August 13, 2016

Is the OP using Microsoft Word as an editor? That is the only reason I can think of for not being able to use css to style all tables.

johnniewalk · August 29, 2016

To create a web site by html coding you have to know the css code too that helps in the alignment, size, color and many more..

James_Purcell · August 31, 2016

Hey all,

This is my first time working with HTML and was wondering if anyone could help me out with a problem I'm experiencing.

I have created so far a design in WORD to be created in HTML . Attached find the codes and images of the idea of what i would like to achieve. Unfortunately i haven't been able to succeed. I can't seem to get the each table with separately (horizontal) with a border around it. Please anybody can help me out?

MS Word is no good for web design because it produces nasty dirty html which many a book author has found out the hard way is a difficult time consuming process to fix.

You need to learn HTML and CSS and use web design software.

Is the OP using Microsoft Word as an editor? That is the only reason I can think of for not being able to use css to style all tables.

That is how I read it.

Edited August 31, 2016 by James_Purcell

Sign In

Tables and Borders in HTML

Recommended Posts

JuniorRivero

Link to comment

Share on other sites

Ingolme

Link to comment

Share on other sites

JuniorRivero

Link to comment

Share on other sites

Ingolme

Link to comment

Share on other sites

davej

Link to comment

Share on other sites

dsonesuk

Link to comment

Share on other sites

johnniewalk

Link to comment

Share on other sites

James_Purcell

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity