WordPress.org

Ready to get started?Download WordPress

Forums

Separating Image from Sidebar and Header (3 posts)

  1. matiashyde
    Member
    Posted 4 years ago #

    Hello there!
    I'm new to wordpress (I've been using it for about two days now), and I am building my own website using the Svelt theme (I've changed it a little bit).
    My problem is that I have attached to the header a rotating image script so that everytime you log in that same image changes, but it is still at the same level as the Sidebar.

    Here is my site:
    http://www.matiashydetravels.com/

    Here is what I want to achieve (a separate and independent rotate image bar):

    http://www.alastairhumphreys.com/

    How could I do this? Thank you very much,
    Matias

  2. rooodini
    Member
    Posted 4 years ago #

    Hi Matias,
    The overlap is caused by your css. Specifically, in your style.css file you have the declaration:

    .top_pic {
    border-bottom:1px solid #666666;
    height:220px;
    }
    margin:0;
    padding:7px 0;
    width:840px;
    }

    The images that you're using are all taller than 220px, so you could remove this line. There's also a misplaced curly brace in the middle of the declaration. So the corrected version would be:

    .top_pic {
    border-bottom:1px solid #666666;
    /* height:220px; COMMENTED */
    /* } COMMENTED */
    margin:0;
    padding:7px 0;
    width:840px;
    }

    Also, note that your navigation menu has some bugs, including an extra </div>. It's good to validate your html to help spot these bugs.

    Best wishes,
    Andy

  3. rooodini
    Member
    Posted 4 years ago #

    PS Your fixed navigation menu code:

    <div id="navigation">
      <ul class="sf-menu">
        <li class="current"><a href="/about">ABOUT</a>
          <ul>
            <li><a href="/matias">MATIAS</a></li>
            <li><a href="/shiba">SHIBA</a></li>
          </ul>
        </li>
        <li class="current"><a href="/journey">JOURNEY</a>
          <ul>
            <li><a href="/route">ROUTE</a></li>
            <li><a href="/equipment">EQUIPMENT</a></li>
            <li><a href="frequentlyaskedquestions">FAQ</a></li>
          </ul>
        </li>
        <li class="current"><a href="/media">MEDIA</a>
        <ul>
          <li><a href="/sketchbooks">SKETCHBOOKS</a></li>
          <li><a href="/photography">PHOTOGRAPHY</a></li>
    
          <li><a href="/videos">VIDEOS</a></li>
          <li><a href="/Press">PRESS</a></li>
        </ul>
        </li>
        <li class="current"><a href="/sponsors">SPONSORS</a>
          <ul>
            <li><a href="/sponsors">SPONSORS</a></li>
          </ul>
        </li>
        <li class="current"><a href="/more">MORE</a>
          <ul>
            <li><a href="/othertrips">OTHER TRIPS</a></li>
            <li><a href="/contact">CONTACT</a></li>
          </ul>
        </li>
      </ul>
    </div>

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.