Adding vertical lines to the left and right of full length of website |
Adding vertical lines to the left and right of full length of website |
mferguson |
Sep 24 2020, 07:54 PM
Post
#1
|
Group: Members Posts: 7 Joined: 24-September 20 Member No.: 27,553 |
First website I've ever made, complete noob to HTML.
I've been working on a portfolio website where I can upload different things that I work on and employers can take a gander at it. It's almost complete, there is just one thing I haven't been able to get working: vertical lines. http://www.michaelblakeferguson.com I am simply trying to get a vertical line to span the full length of the website on the left and right sides, the idea is that it will make it more "enclosed". I currently have a wrapper for the entire <body>. I tried to create a table with 3 columns. C1 for the left vertical line, C2 for the body, C3 for the right vertical line. That seemed to work initially but it squished all of the elements together in C2. I have a feeling that it is a margin problem. But each time I try to adjust the values it completely messes up the positioning of all elements. I am pretty sure I've taken the path of least resistance and made this website the ghetto way, so I'm not sure if I've done something incorrectly... Can someone explain the correct way to go about putting vertical lines around what already exists? Any comments on the way I've gone about programming things so far? I'm assuming you can look at the HTML code using F12, but if needed I can upload the source code. This post has been edited by mferguson: Sep 24 2020, 07:55 PM |
mferguson |
Sep 25 2020, 01:54 PM
Post
#2
|
Group: Members Posts: 7 Joined: 24-September 20 Member No.: 27,553 |
I wanted to ask about one other problem I'm having.
I added a hyperlink which opens the html file for the website to see the code in another tab. But this actually just loads the website again, understandably. Is there a way to hyperlink to an html viewer and open the html file such as this one? https://www.w3schools.com/html/tryit.asp?fi...e=tryhtml_basic |
pandy |
Sep 25 2020, 02:42 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Meh, the board keeps adding stuff to the URL and breaks it.
You need to paste the URL in the address bar. CODE view-source:https://htmlhelp.com/ As a link it would look like this. It will work with supporting browsers. CODE <a href="view-source:https://htmlhelp.com/">View source of the WDG front page</a> |
pandy |
Sep 25 2020, 04:58 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Works at least in FF, IE and Edge.
If you want the whole source for everyone, I think you need to look at some server side solution. JavaScript can get what's inside HTML with innerHTML, but I don't think it's able to get the actual HTML tags and the doctype. |
Lo-Fi Version | Time is now: 19th April 2024 - 05:46 PM |