Forum Discussion

HolliMills's avatar
HolliMills
Qrew Trainee
6 years ago

Debugging HTML Code on Code Pages

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
------------------------------
APIs and custom code
  • MarkShnier__You's avatar
    MarkShnier__You
    Icon for Qrew Legend rankQrew Legend
    6 years ago
    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
    ------------------------------
  • DonLarson's avatar
    DonLarson
    Qrew Elite
    6 years ago
    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
    ------------------------------
  • RonMcLemore's avatar
    RonMcLemore
    Qrew Member
    6 years ago
    <!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
    ------------------------------