Getting rid of massive space above &...

Jan 3rd, 2012 at 08:12 PM
User 404575 Photo

Melissa Rhiannon
Registered User
887 posts

Please look at http://www.ColoradoProcessServers.net

I want to reduce the space above and below the individual lines with <h> tags, for example to bring those 4 logos up closer to the Franklin quote, and above and below the company name on the right? Is there a parameter I can set to reduce that?
Melissa Rhiannon
OS Windows 10
Jan 3rd, 2012 at 11:11 PM
User 184085 Photo

david wilson
Ambassador
1,707 posts

Doesn't look like the quote is the problem, it looks like te box that the picture above the quote is in.

I suggest changing your css code from

#pic{vertical-align:top;top:0px}


to:

#pic{vertical-align:top;margin:0px}


and see how that works.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
Jan 3rd, 2012 at 11:24 PM
User 404575 Photo

Melissa Rhiannon
Registered User
887 posts

Didn't change anything. What was it supposed to change?
Melissa Rhiannon
OS Windows 10
Jan 3rd, 2012 at 11:32 PM
User 184085 Photo

david wilson
Ambassador
1,707 posts

In the screen capture I highlighted the box that the picture is in, it extends far below the quote and to the top of the other images.

re size that box and the rest should move up.
Attachments:
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
Jan 3rd, 2012 at 11:56 PM
User 404575 Photo

Melissa Rhiannon
Registered User
887 posts

Oh wow. Ok. I just don't see how.
Melissa Rhiannon
OS Windows 10
Jan 4th, 2012 at 04:58 AM
User 122279 Photo

Inger
Senior Advisor
14,649 posts
Online Now

Since your layout is based on tables, you are somewhat limited. If you place a couple of <br/>s under the 'logo' table, it will close the gap above the logos to some extent, leaving a gap below them instead.

If the table cell 'information' had been shorter, the gaps would have been less.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jan 4th, 2012 at 09:40 AM
User 126492 Photo

Jim Cantrell
Ambassador
1,525 posts

Inger is correct.

Your problem is the content in the right hand table column. having said that, you have used 10 instances of the <h> tags before the images you are on about, that is way to excessive. Below the images you have again used way too many <h> tags, but surprisingly you have not used the most important one which is the <H1> heading.

Heading tags are used to define the headings in your page and you should use them as you would if you were writing a book or article and not to highlight text in your page.
Jim
---------------------------
Jan 4th, 2012 at 09:54 AM
User 122279 Photo

Inger
Senior Advisor
14,649 posts
Online Now

Yes, Jim! You are right too! I didn't go all that deep into the right column to discover the abundancy of <h> tags.

Melissa, if you replace them by just text sizes and/or bold/italic, you will get rid of the space above and below each line. Ideally you should do that in the css file.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jan 4th, 2012 at 01:48 PM
User 404575 Photo

Melissa Rhiannon
Registered User
887 posts

I hired a "professional" site designer to do all this, because I didn't know the first thing about css design.

I wish there a way to redesign this now, to fix these things and make the site more versatile for me to maintain myself, but with it being in Wordpress now, I just don't know what that is, short of hiring another designer to completely redesign it.

Unfortunately I'm busy trying to run the business and don't have time to learn all about the design end.
Melissa Rhiannon
OS Windows 10
Jan 4th, 2012 at 02:08 PM
User 404575 Photo

Melissa Rhiannon
Registered User
887 posts

Inger Eik wrote:
Since your layout is based on tables, you are somewhat limited. If you place a couple of <br/>s under the 'logo' table, it will close the gap above the logos to some extent, leaving a gap below them instead.

If the table cell 'information' had been shorter, the gaps would have been less.


Like I said Inger, I didn't know the first thing about CSS and hired someone to design the site for me. Should I just hire someone to completely redesign it for me now?
Melissa Rhiannon
OS Windows 10

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.