Increasing the vertical height of a...

User 404575 Photo


Registered User
887 posts

Hi again guys. As I've mentioned before, we have a small part time home business here and I'm not an expert at this, but still prefer to write and maintain my own site with CoffeeCup HTML Editor instead of say, Wordpress.

I have a little problem that I don't quite know how to solve, so would appreciate your advice on this:

At http://DenverProcessServers.net/

I just added a big paragraph on the lower left and it pushed down below where the center line goes. I WISH I knew how to make that center line extend down automatically, but would at LEAST like to adjust it down now, so it fits. But I looked in the style.css and don't even see a specification for the length of that center line. What the ...? How does it get determined and how can I increase it?
Melissa Rhiannon
OS Windows 10
User 603315 Photo


Registered User
938 posts

You mean the height of the line not the length? If Im understanding you correctly. I cant get to a pc at the moment but css can change anything really by using height: px or% but do it offline first
User 404575 Photo


Registered User
887 posts

The length of that vertical divider line down the middle. As you can see, since I added that long paragraph on the left, it no longer reaches down to the horizontal line at the bottom.
Melissa Rhiannon
OS Windows 10
User 2147626 Photo


Ambassador
2,958 posts

Not being a true 'coder' I'm kind of shooting in the dark here...but, it looks like that line is tied to the paragraph length on the right column. I think you may just have to adjust the length of the right column. I hope you can blow up that pic to see what I mean. If not, download it here... http:\\gunsmoke.me/cloud/htmleditor.png

http://gunsmoke.me/cloud/htmleditor.png
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2287960 Photo


Ambassador
580 posts

First try adding this

.leftside { border-right : solid 1px #0000be }

Then tell me what problem you have, I think it will take another 2 moves to get it right.

Keith
User 2287960 Photo


Ambassador
580 posts

You were too slow Eric - I saw it.

Was just going to ask if you had tested it?

Wish I could remove posts.:)

Keith
User 404575 Photo


Registered User
887 posts

I'm all confused now. Gunsmoke, I see your pic, but don't see where it is in my code, in style.css or the page code.

Keith, add it to where? Style.css? And who is Eric?
Melissa Rhiannon
OS Windows 10
User 2287960 Photo


Ambassador
580 posts

In style.css

Keith
User 2147626 Photo


Ambassador
2,958 posts

If you download the pic and look at the lower right side, you'll see where it shows the code in your style.css as Keith said.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2287960 Photo


Ambassador
580 posts

In line 27 of style.css you will find:

.leftside {
border-top-color: #0000BE;
border-top-style: solid;
border-top-width: 1px;
float: left;
padding-bottom: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 0;
text-align: justify;
width: 410px;
}


Add:

border-right : solid 1px #0000BE;


Keith

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.