Getting rid of gap on my page

Viewing 3 replies - 1 through 3 (of 3 total)

  • .img_container { height: 360px; } is the culprit. Remove the height definition and replace it with clear: both;

    Hope that helps

    Peter

    PS: When you paste code into these forms it helps if you select it and click on the code button… just makes it that much more readable!

    Thread Starter aplemank19

    (@aplemank19)

    hey thanks! youre awesome, it worked. since you know what you’re talking about, could you help with one other question. i have a video stuck on the left side of the page and i want to move it to the right. can you teach me how? here is the page:

    https://steveolsonsite.com/118-2

    thanks!

    First, change the width of #post to 860px (on line 127 of styles.css). At the moment it’s set to a silly amount of 1200px.

    Then, in the <p> element that contains the YouTube iframe you need to put text-align: right; padding-right: 100px;

    You can take the clear: both; off of all of your <p> elements, BTW, as they do that naturally anyway. While we’re on the subject of tidying things up, it’s usually considered bad form to use “inline styles” – you should always create a style definition in the CSS file and reference it with class=”whatever” where the inline style=”xxx” would be.

    So, for example, you would create a style in the CSS file that might look like: .youtubevid { text-align: right; padding-right: 100px; } and then make the HTML say <p class="youtubevid">

    Always glad to help out a fellow thespian!

    Peter

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Getting rid of gap on my page’ is closed to new replies.