The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Adding vertical lines to the left and right of full length of website
mferguson
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
mferguson
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post 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. ninja.gif

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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
mferguson   Adding vertical lines to the left and right of full length of website   Sep 24 2020, 07:54 PM
pandy   All the way? Try adding left and right borders to ...   Sep 24 2020, 08:01 PM
CharlesEF   If you want the border around your content, then p...   Sep 24 2020, 11:11 PM
mferguson   If you want the border around your content, then ...   Sep 25 2020, 10:06 AM
Christian J   Note that on a short page the BODY border will not...   Sep 25 2020, 07:10 AM
mferguson   I wanted to ask about one other problem I'm ha...   Sep 25 2020, 01:54 PM
pandy   Meh, the board keeps adding stuff to the URL and b...   Sep 25 2020, 02:42 PM
mferguson   Meh, the board keeps adding stuff to the URL and ...   Sep 25 2020, 03:59 PM
pandy   Works at least in FF, IE and Edge. If you want th...   Sep 25 2020, 04:58 PM
Christian J   Works at least in FF, IE and Edge. Strange, coul...   Sep 25 2020, 05:30 PM
pandy   Nothing is unthinkable when it comes to Win10. :...   Sep 25 2020, 05:42 PM
Christian J   Nothing is unthinkable when it comes to Win10. ...   Sep 27 2020, 12:29 PM
pandy   Nothing is unthinkable when it comes to Win10. ...   Sep 27 2020, 08:56 PM
Christian J   That didn't work in any of my browsers. :unsu...   Sep 25 2020, 04:06 PM
mferguson   Both of my previous issues were solved with pretty...   Sep 25 2020, 05:02 PM
pandy   Both of my previous issues were solved with prett...   Sep 25 2020, 08:46 PM
mferguson   I got the modals working by using some code for li...   Sep 27 2020, 07:21 PM
CharlesEF   I don't do 'lightbox' but you should r...   Sep 27 2020, 08:09 PM
pandy   I only see markup for one "lightbox". I...   Sep 27 2020, 08:55 PM
mferguson   I don't do 'lightbox' but you should ...   Sep 28 2020, 07:53 AM
pandy   You won't get into trouble. But we can help yo...   Sep 28 2020, 07:59 AM


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th April 2024 - 05:46 PM