4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Little help from the experts...

by CreekChub
3 replies
  • WEB DESIGN
    • |
Quick question guys:

How do I get rid of all the blank space between the video and the images/text on this page:

http://www.jmenterprises.net/patterns.php

I know just enough to be dangerous, and can't seem to get it to look right.

Thanks in advance...
#experts
  • Profile picture of the author Tomos Wyn
    Go into patterns.php and find the line:

    HTML Code:
    <h1>Hand Crafted Patterns for vacuum forming</h1>
    (it should be on line #129).

    Now, two lines later, line #131, you should see this line:

    HTML Code:
    <div class="left longer">
    Change it to:

    HTML Code:
    <div class="left longer notsolong">
    Now, go to line #140, you should see this line:

    HTML Code:
    <div class="right longer">
    Change it to:

    HTML Code:
    <div class="right longer notsolong">
    Now, open up main.css, and add this at the bottom of the file:

    Code:
    /* make the notsolong column about 1/2 the width */
#main .notsolong {
height: 270px !important;
}
    That should work.
    {{ DiscussionBoard.errors[4784140].message }}
    • Profile picture of the author CreekChub
      That did the trick. Thanks mate!
      {{ DiscussionBoard.errors[4784205].message }}
  • Profile picture of the author Tomos Wyn
    No problem. A little tip for you:

    If your using chrome/safari, then you can use the developer tools tool in the broswer, and it lets you play around with elements on the page, without physically editing the files. You can click on the HTML and the relevant styles come up in the sidebar on the right.

    Same thing can be done in Firefox using the firebug addon.

    It's a handy, non-destructive way of playing about with elements if your unsure of html/css.
    {{ DiscussionBoard.errors[4784416].message }}

Trending Topics