JuniorRivero Posted August 12, 2016 Share Posted 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><strong>Algemene Informatie</strong></p> <table> <tbody> <tr> <td width="63"> <p><strong>Ritnummer:</strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong>Datum Dienst</strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong>Vertrek van:</strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong>Ambulance:</strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong> </strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong>Ambulance assistent:</strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong>Afhaaladres:</strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong>Ambulanceverpleegkundige:</strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong>Bestemming:</strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong>Overige:</strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong> </strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong> </strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong>Melding MKA:</strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong>Urgentie</strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong>Werkdiagnose:</strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong>Urgentie:</strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong>Situatie:</strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong> </strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong> </strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong> </strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong>Achternaam:</strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong>Voornaam:</strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong>Geboortedatum:</strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong>Geslacht:</strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong>Adres:</strong></p> </td> <td colspan="3" width="388"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong>Telefoon:</strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p><strong>AZV nummer:</strong></p> </td> <td width="136"> <p> </p> </td> </tr> <tr> <td width="63"> <p><strong>Huisarts:</strong></p> </td> <td width="147"> <p> </p> </td> <td width="105"> <p> </p> </td> <td width="136"> <p> </p> </td> </tr> </tbody> </table> <p><strong> </strong></p> <table> <tbody> <tr> <td width="75"> <p><strong>OT:</strong></p> </td> <td colspan="2" width="75"> <p> </p> </td> <td width="75"> <p><strong>VT:</strong></p> </td> <td width="75"> <p><strong> </strong></p> </td> <td width="75"> <p><strong>APT:</strong></p> </td> <td width="75"> <p><strong> </strong></p> </td> </tr> <tr> <td width="75"> <p><strong>VPT:</strong></p> </td> <td colspan="2" width="75"> <p> </p> </td> <td width="75"> <p><strong>ABT:</strong></p> </td> <td width="75"> <p><strong> </strong></p> </td> <td width="75"> <p><strong>VMT:</strong></p> </td> <td width="75"> <p><strong> </strong></p> </td> </tr> <tr> <td colspan="2" width="130"> <p><strong>Toestand van de patiënt bij aankomst:</strong></p> </td> <td colspan="5" width="321"> <p><strong> </strong></p> </td> </tr> <tr> <td width="75"> </td> <td width="55"> </td> <td width="20"> </td> <td width="75"> </td> <td width="75"> </td> <td width="75"> </td> <td width="75"> </td> </tr> </tbody> </table> <p><strong> </strong></p> <p><strong>Primary Survey</strong></p> <table> <tbody> <tr> <td width="68"> <p><strong>Airway:</strong></p> </td> <td width="165"> <p> </p> </td> <td width="109"> <p> </p> </td> <td width="109"> <p> </p> </td> </tr> <tr> <td width="68"> <p><strong>Handelingen:</strong></p> </td> <td width="165"> <p> </p> </td> <td width="109"> <p> </p> </td> <td width="109"> <p> </p> </td> </tr> <tr> <td width="68"> <p><strong>Breathing:</strong></p> </td> <td width="165"> <p> </p> </td> <td width="109"> <p> </p> </td> <td width="109"> <p> </p> </td> </tr> <tr> <td width="68"> <p><strong>Handelingen:</strong></p> </td> <td width="165"> <p> </p> </td> <td width="109"> <p> </p> </td> <td width="109"> <p> </p> </td> </tr> <tr> <td width="68"> <p><strong>Circulation:</strong></p> </td> <td width="165"> <p> </p> </td> <td width="109"> <p> </p> </td> <td width="109"> <p> </p> </td> </tr> <tr> <td width="68"> <p><strong>Handelingen:</strong></p> </td> <td width="165"> <p> </p> </td> <td width="109"> <p> </p> </td> <td width="109"> <p> </p> </td> </tr> </tbody> </table> <p> </p> <table> <tbody> <tr> <td width="99"> <p><strong>Soort incident:</strong></p> </td> <td width="352"> <p> </p> </td> </tr> <tr> <td width="99"> <p><strong>Algemene handelingen:</strong></p> </td> <td width="352"> <p> </p> </td> </tr> </tbody> </table> <p><strong> </strong></p> <p><strong>Medische Informatie</strong></p> <table> <tbody> <tr> <td width="68"> <p><strong>Allergie:</strong></p> </td> <td width="383"> <p> </p> </td> </tr> <tr> <td width="68"> <p><strong>Medicatie:</strong></p> </td> <td width="383"> <p> </p> </td> </tr> <tr> <td width="68"> <p><strong>Past:</strong></p> </td> <td width="383"> <p> </p> </td> </tr> <tr> <td width="68"> <p><strong>Last meal:</strong></p> </td> <td width="383"> <p> </p> </td> </tr> <tr> <td width="68"> <p><strong>Event:</strong></p> </td> <td width="383"> <p> </p> </td> </tr> </tbody> </table> <p><strong> </strong></p> <p><strong>Meetgegevens</strong></p> <table> <tbody> <tr> <td colspan="2" width="90"> <p><strong>Vitale gegevens: </strong></p> </td> <td colspan="3" width="90"> <p><strong>APT</strong></p> </td> <td colspan="6" width="271"> <p> </p> </td> </tr> <tr> <td width="50"> <p><strong>AH</strong></p> </td> <td colspan="2" width="50"> <p><strong>SpO2</strong></p> </td> <td width="50"> <p><strong>CO2</strong></p> </td> <td colspan="2" width="50"> <p><strong>HF</strong></p> </td> <td width="50"> <p><strong>Tensie</strong></p> </td> <td width="50"> <p><strong>Ritme</strong></p> </td> <td width="50"> <p><strong>Temp</strong></p> </td> <td width="50"> <p><strong>Gluc</strong></p> </td> <td width="50"> <p><strong> </strong></p> </td> </tr> <tr> <td width="50"> <p> </p> </td> <td colspan="2" width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td colspan="2" width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> </tr> <tr> <td colspan="2" width="90"> <p><strong>Vitale gegevens:</strong></p> </td> <td colspan="3" width="90"> <p><strong>VPT</strong></p> </td> <td colspan="6" width="271"> <p> </p> </td> </tr> <tr> <td width="50"> <p><strong>AH</strong></p> </td> <td colspan="2" width="50"> <p><strong>SpO2</strong></p> </td> <td width="50"> <p><strong>CO2</strong></p> </td> <td colspan="2" width="50"> <p><strong>HF</strong></p> </td> <td width="50"> <p><strong>Tensie</strong></p> </td> <td width="50"> <p><strong>Ritme</strong></p> </td> <td width="50"> <p><strong>Temp</strong></p> </td> <td width="50"> <p><strong>Gluc</strong></p> </td> <td width="50"> <p><strong> </strong></p> </td> </tr> <tr> <td width="50"> <p> </p> </td> <td colspan="2" width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td colspan="2" width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> </tr> <tr> <td colspan="2" width="90"> <p><strong>Vitale gegevens:</strong></p> </td> <td colspan="3" width="90"> <p><strong>ABT</strong></p> </td> <td colspan="6" width="271"> <p> </p> </td> </tr> <tr> <td width="50"> <p><strong>AH</strong></p> </td> <td colspan="2" width="50"> <p><strong>SpO2</strong></p> </td> <td width="50"> <p><strong>CO2</strong></p> </td> <td colspan="2" width="50"> <p><strong>HF</strong></p> </td> <td width="50"> <p><strong>Tensie</strong></p> </td> <td width="50"> <p><strong>Ritme</strong></p> </td> <td width="50"> <p><strong>Temp</strong></p> </td> <td width="50"> <p><strong>Gluc</strong></p> </td> <td width="50"> <p><strong> </strong></p> </td> </tr> <tr> <td width="50"> <p> </p> </td> <td colspan="2" width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td colspan="2" width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> <td width="50"> <p> </p> </td> </tr> <tr> <td width="50"> </td> <td width="40"> </td> <td width="10"> </td> <td width="50"> </td> <td width="30"> </td> <td width="20"> </td> <td width="50"> </td> <td width="50"> </td> <td width="50"> </td> <td width="50"> </td> <td width="50"> </td> </tr> </tbody> </table> <p> </p> <table> <tbody> <tr> <td width="99"> <p><strong>Glascow Coma Scale:</strong></p> </td> <td colspan="4" width="352"> <p><strong>APT</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p><strong>Eyes</strong></p> </td> <td width="113"> <p><strong>Motor</strong></p> </td> <td width="113"> <p><strong>Verbal</strong></p> </td> <td width="113"> <p><strong>Totaal</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> </tr> <tr> <td width="99"> <p><strong>Glascow Coma Scale:</strong></p> </td> <td colspan="4" width="352"> <p><strong>VPT</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p><strong>Eyes</strong></p> </td> <td width="113"> <p><strong>Motor</strong></p> </td> <td width="113"> <p><strong>Verbal</strong></p> </td> <td width="113"> <p><strong>Totaal</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> </tr> <tr> <td width="99"> <p><strong>Glascow Coma Scale:</strong></p> </td> <td colspan="4" width="352"> <p><strong>ABT</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p><strong>Eyes</strong></p> </td> <td width="113"> <p><strong>Motor</strong></p> </td> <td width="113"> <p><strong>Verbal</strong></p> </td> <td width="113"> <p><strong>Totaal</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> </tr> <tr> <td width="99"> </td> <td width="14"> </td> <td width="113"> </td> <td width="113"> </td> <td width="113"> </td> </tr> </tbody> </table> <p> </p> <p> </p> <p> </p> <table> <tbody> <tr> <td width="99"> <p><strong>Herziene Trauma Score:</strong></p> </td> <td colspan="4" width="352"> <p><strong>APT</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p><strong>AH Freq.</strong></p> </td> <td width="113"> <p><strong>Syst. Druk</strong></p> </td> <td width="113"> <p><strong>GCS</strong></p> </td> <td width="113"> <p><strong>Totaal</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> </tr> <tr> <td width="99"> <p><strong>Herziene Trauma Score:</strong></p> </td> <td colspan="4" width="352"> <p><strong>VPT</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p><strong>AH Freq.</strong></p> </td> <td width="113"> <p><strong>Syst. Druk</strong></p> </td> <td width="113"> <p><strong>GCS</strong></p> </td> <td width="113"> <p><strong>Totaal</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> </tr> <tr> <td width="99"> <p><strong>Herziene Trauma Score:</strong></p> </td> <td colspan="4" width="352"> <p><strong>ABT</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p><strong>AH Freq.</strong></p> </td> <td width="113"> <p><strong>Syst. Druk</strong></p> </td> <td width="113"> <p><strong>GCS</strong></p> </td> <td width="113"> <p><strong>Totaal</strong></p> </td> </tr> <tr> <td colspan="2" width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> </tr> <tr> <td width="99"> </td> <td width="14"> </td> <td width="113"> </td> <td width="113"> </td> <td width="113"> </td> </tr> </tbody> </table> <p> </p> <p><strong>Secundary Survey</strong></p> <table> <tbody> <tr> <td width="77"> <p><strong>Hoofd/Hals:</strong></p> </td> <td width="374"> <p> </p> </td> </tr> <tr> <td width="77"> <p><strong>Thorax:</strong></p> </td> <td width="374"> <p> </p> </td> </tr> <tr> <td width="77"> <p><strong>Abdomen:</strong></p> </td> <td width="374"> <p> </p> </td> </tr> <tr> <td width="77"> <p><strong>Bekken:</strong></p> </td> <td width="374"> <p> </p> </td> </tr> <tr> <td width="77"> <p><strong>Extremiteiten Bvn:</strong></p> </td> <td width="374"> <p> </p> </td> </tr> <tr> <td width="77"> <p><strong>Extrimiteiten Ondr:</strong></p> </td> <td width="374"> <p> </p> </td> </tr> <tr> <td width="77"> <p><strong>Rug:</strong></p> </td> <td width="374"> <p> </p> </td> </tr> </tbody> </table> <p> </p> <p><strong>Medicaties</strong></p> <table> <tbody> <tr> <td width="113"> <p><strong>Tijd Toediening:</strong></p> </td> <td width="113"> <p><strong>Medicatie/Infuus:</strong></p> </td> <td width="113"> <p><strong>Locatie Toediening:</strong></p> </td> <td width="113"> <p><strong>Effect:</strong></p> </td> </tr> <tr> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> </tr> <tr> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> </tr> <tr> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> </tr> <tr> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> </tr> <tr> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> <td width="113"> <p> </p> </td> </tr> </tbody> </table> <p><strong> </strong></p> <p><strong>Rapportage/ Bijzonderheden:</strong></p> <table> <tbody> <tr> <td width="451"> <p> </p> </td> </tr> </tbody> </table> <p> </p> <table> <tbody> <tr> <td width="83"> <p><strong>Vooraankondiging:</strong></p> </td> <td width="30"> <p> </p> </td> <td width="88"> <p> </p> </td> <td width="48"> <p><strong>Assistentie:</strong></p> </td> <td width="62"> <p> </p> </td> <td width="63"> <p><strong>Overdracht aan:</strong></p> </td> <td width="78"> <p> </p> </td> </tr> </tbody> </table> <p> </p> Link to comment Share on other sites More sharing options...
Ingolme Posted August 12, 2016 Share Posted August 12, 2016 HTML on its own won't be able to do it. You will have to learn CSS. Link to comment Share on other sites More sharing options...
JuniorRivero Posted August 12, 2016 Author Share Posted 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? Link to comment Share on other sites More sharing options...
Ingolme Posted August 12, 2016 Share Posted 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. Link to comment Share on other sites More sharing options...
davej Posted August 13, 2016 Share Posted 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> Link to comment Share on other sites More sharing options...
dsonesuk Posted August 13, 2016 Share Posted 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. Link to comment Share on other sites More sharing options...
johnniewalk Posted August 29, 2016 Share Posted 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.. Link to comment Share on other sites More sharing options...
James_Purcell Posted August 31, 2016 Share Posted August 31, 2016 (edited) 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 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now