CSS help with negative margin

Posted on 2011-10-22
Last Modified: 2012-05-12
Please visit I'm trying to move the header image (food image) up so that it fits snug against the green menu image. I've added a negative top margin, but the top of the header image is being cut off by the div that holds the menu. How can I move this image up without cutting it off? It needs to remain visible and fit snugly under the green menu image. Thanks in advance!
Question by:isaacr25
    LVL 15

    Accepted Solution

    .head-row1-front {
        overflow: hidden;
        position: relative;
        top: -38px;
        width: 100%;

    Open in new window

    LVL 8

    Assisted Solution

    Take margin-top: -30px off of #block-views-header_slideshow-block_1 .content
    Apply margin-top:-38px  to  .head-row1-front
    LVL 8

    Expert Comment

    Glad you sorted it. Thanks for the assist points ;^)

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Highfive + Dolby Voice = No More Audio Complaints!

    Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

    Suggested Solutions

    Title # Comments Views Activity
    Effect on button 11 39
    element on site jumps 4 26
    Add space before submit button 3 26
    Hand when hover boostrap carrousel 6 13
    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
    In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    12 Experts available now in Live!

    Get 1:1 Help Now