I thought this might be a good point at which to open my discussion on SitePoint as I trudge through designing my Public Records page. I have started to code it, but I have already encountered a few roadblocks.
The intention of this page is to host my YouTube viewers’ legal documents which will be listed in the table as new rows in the table. On each row, there will be a link to “view documents” which will then take the visitor to a bin (without design or styles) where they can view the PDF files tied to that entry (this will be an entirely different step as I do not know how to link to a file bin). I have about 7 PDF files for me that can be listed under my first entry. It would even be a bonus if the web host leaves a time stamp on when I upload documents to the server.
I have already laid the foundation of all the elements that I want in this page (header, text statement, table, link back to the home page, copyright tag), but here are the issues that I’m already encountering:
On the content container div (.content), I want to make a nice box with only 4 end dots. I basically copy / pasted the styles from homepage.css into publicrecords.css, starting at line 35. All the graphic elements already exist in my style folder, but putting them together to make a nice box is a daunting task. Currently, the top side has no horizontal enclosure, and the bottom side is a repeating, incongruous mess.
The table: the table has no bottom border like I coded in publicrecords.css (line 69).
My goals for the table are:
-larger font for the top row (done )
-solid bottom border to the top row
-third column for view documents to have a slimmer width
-thin borders between each row / entry
-table with the capacity to be shrunk down to narrow viewport sizes without encroaching on the outermost design box (almost done, but the width protrudes a bit too much at slim viewport widths)
I have not been able to determine why the link going back to the home page will not center despite a few different ways of targeting it (see line 83, publicrecords.css).
The copyright statement has too much padding under it. There’s a bit too much space at the bottom of the .content div.
Anyway, I will continue to work on this independently, but SitePoint has been a most valuable community for me as I / we have been progressing through building this site. As you read this, I am trying different strategies and always updating the files.
Let me know if you are unable to view the HTML / CSS source, and I will post the code here as necessary.
Have a Merry Christmas ,
Edit: This page is similar in intent to what Paul Duhy does on his site at nationalpublicrecordregistry.info on the “Search” link at the top. That is a very ugly page. I know. Mine will be a lot better.