Discussions

Expand all | Collapse all

Debugging HTML Code on Code Pages

  • 1.  Debugging HTML Code on Code Pages

    Posted 02-07-2020 18:09
      |   view attached
    Hi,

    I am trying to create an HTML page, and I want to be able center my text and image on the page. I am a beginner with HTML, and the code I found online isn't working for me. Here is entire code for my page, with the image and text I want centered highlighted. For the image, I used margins and padding to get it where I wanted it, but from what I understand that will look different on different screen sizes. Additionally, here is screenshot of what I am getting.

    <!DOCTYPE HTML>
    <html>
    <img style="padding-bottom: 8px; padding-top: 200px; margin-left: 615px;" src="https://opcrh.quickbase.com/up/bpqr5rezh/g/rb/eh/va/PCandRH_color_horizontal%20TRANSPARENT%20BKGRND.png" width="500">
    <head>
    <title> <span style="text-align: center;">OPCRH Health Workforce Coalition Survey</span></title>
    <body style="background-color: #bfd4c4;" >
    <h1><span style="text-align: center;">Thank you for submitting your Health Workforce Coalition Survey</span></h1>
    <p><span style="text-align: center;">Please contact Ashley Moretz if you have any questions at amoretz@utah.gov or 801-273-6605</span></p>
    <br>
    <h3><a href="https://ruralhealth.health.utah.gov/"><span style="text-align: center;">Click here to return to the Office of Primary Care and Rural Health Website.</span></a></h3>
    </body>
    </html>

    I would appreciate any suggestions on this!

    Thanks.

    ------------------------------
    Holli Mills
    ------------------------------


  • 2.  RE: Debugging HTML Code on Code Pages

    Posted 02-07-2020 18:24
    Unless I'm missing something, you are overthinking this.

    Why not just make a page of type "Rich Text Page" and just do your formatting there are direct your code to use that Page.

    ------------------------------
    Mark Shnier (YQC)
    Quick Base Solution Provider
    Your Quick Base Coach
    http://QuickBaseCoach.com
    mark.shnier@gmail.com
    ------------------------------



  • 3.  RE: Debugging HTML Code on Code Pages

    Posted 02-08-2020 12:21
    <!DOCTYPE HTML>
    <html>
    <img style="padding-bottom: 8px; padding-top: 200px; margin-left: 615px;" src="opcrh.quickbase.com/up/bpqr5rezh/g/rb/eh/va/... width="500">
    <head>
    <title> <span style="text-align: center;">OPCRH Health Workforce Coalition Survey</span></title>
    <body style="background-color: #bfd4c4;" >


    <h1><center>Thank you for submitting your Health Workforce Coalition Survey</center></h1>

    <p>
    <h3><center>Please contact Ashley Moretz if you have any questions at amoretz@utah.gov or 801-273-6605</center>
    </h3>


    <br>

    <a href="ruralhealth.health.utah.gov/"><center><h3>Click here to return to the Office of Primary Care and Rural Health Website.</h3></center>"></a>

    </p>


    </body>
    </html>

    ------------------------------
    Ron McLemore
    ------------------------------



  • 4.  RE: Debugging HTML Code on Code Pages

    Posted 02-09-2020 16:40
    Holly,

    You should use a different tool for this.  Visual Studio Code is a free developers tool from Microsoft.

    https://code.visualstudio.com/ 

    If you are going to build in HTML, JS this is the way to go.   It will not fix business process errors but it does a tremendous amount of the work keeping your syntax correct so that you can quickly keep moving.  

    There are thousands of extensions you can download, also free, including a Quick Base one for virtually and language you can think of.   
    Combine it with a free GitHub account and now you can roll back your code to earlier versions when you make a change that you later regret or the business case has changed.

    ------------------------------
    Don Larson
    Paasporter
    Westlake OH
    ------------------------------