Header problem

4 posts from 3 voices

• Started 8 months ago by Asgrimur
• Latest reply from Mya
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   Asgrimur
   Member

   Hi, I have a problem in the header section of http://bioparadis.is/. When I installed the icon filmstrip card at the top, the whole main section below moves a few cm to the right. When I remove the icon at top everything goes back to normal. Please advice.

   Posted 8 months ago #
2. 

   Nick
   Moderator

   Hi,

   You are not closing the <div> tags which you've added, which is breaking the page. Every open <div> tag must have a corresponding </div> closing tag. I can see you have a structure:

   [This is live code, what you see in your header.php template is likely to look different]

   <!-- ###################################################################### -->
   <h2 class="logo ie6fix "><a href="http://bioparadis.is/"><img class="ie6fix" src="http://bioparadis.is/wp-content/uploads/2011/09/BP-header-hvitt.png" alt="http://bioparadis.is"></a></h2>
       <div>
         <div style="position: absolute; top: 40px; right: 480px; z-index:10;"><a href="http://bioparadis.is/klubburinn"><img src="http://bioparadis.is/wp-content/uploads/2012/09/bíóklúbbur_HeaderBP_2012.png"> </a></div>
         <div>
           <div style="position: absolute; top: 50px; right: 25px; z-index:10;"><a href="http://www.europa-cinemas.org/en/"><img src="http://bioparadis.is/wp-content/uploads/2012/01/Header_europa-cinemas2.png"> </a></div>
           <div class="nav_wrapper">
   <!-- Navigation for Pages starts here -->

   The two open <div> above, need to be closed so try something like this:
   

   <!-- ###################################################################### -->
   <h2 class="logo ie6fix "><a href="http://bioparadis.is/"><img class="ie6fix" src="http://bioparadis.is/wp-content/uploads/2011/09/BP-header-hvitt.png" alt="http://bioparadis.is"></a></h2>
       <div>
         <div style="position: absolute; top: 40px; right: 480px; z-index:10;"><a href="http://bioparadis.is/klubburinn"><img src="http://bioparadis.is/wp-content/uploads/2012/09/bíóklúbbur_HeaderBP_2012.png"> </a></div>
       </div>
       <div>
         <div style="position: absolute; top: 50px; right: 25px; z-index:10;"><a href="http://www.europa-cinemas.org/en/"><img src="http://bioparadis.is/wp-content/uploads/2012/01/Header_europa-cinemas2.png"> </a></div>
       </div>
       <div class="nav_wrapper">
         <!-- Navigation for Pages starts here -->

   or like this (depending on the purpose , i would try this method first)
   

   <!-- ###################################################################### -->
       <h2 class="logo ie6fix "><a href="http://bioparadis.is/"><img class="ie6fix" src="http://bioparadis.is/wp-content/uploads/2011/09/BP-header-hvitt.png" alt="http://bioparadis.is"></a></h2>
       <div>
         <div style="position: absolute; top: 40px; right: 480px; z-index:10;"><a href="http://bioparadis.is/klubburinn"><img src="http://bioparadis.is/wp-content/uploads/2012/09/bíóklúbbur_HeaderBP_2012.png"> </a></div>
         <div style="position: absolute; top: 50px; right: 25px; z-index:10;"><a href="http://www.europa-cinemas.org/en/"><img src="http://bioparadis.is/wp-content/uploads/2012/01/Header_europa-cinemas2.png"> </a></div>
       </div>
       <div class="nav_wrapper">
         <!-- Navigation for Pages starts here -->

   Thanks,

   Nick

   Posted 8 months ago #
3. 

   Asgrimur
   Member

   Thanks a lot Nick!

   Posted 8 months ago #
4. 

   Mya
   

   Glad Nick was able to help you! Let us know if you have more questions.

   Regards,
   Mya

   Posted 8 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.