Solved

HTML / CSS

Posted on 2011-03-25
4
206 Views
Last Modified: 2012-05-11
My site needs a complete redesign but in the mean time i want to make a few minor tweaks, the first of which being the addition of a facebook Like box/button.

I have added the iframe code but it has shunted down my navigation bar.

Unmodified header: http://www.tickett.net/html/portfolio/clubbing.php
Modified header: http://www.tickett.net/html/index.php

Can anymore help me fix the css/html?

Thanks
0
Comment
Question by:tickett
  • 2
  • 2
4 Comments
 
LVL 2

Expert Comment

by:JosefVerner
ID: 35218532
Use absolute positioning for the Like it button.
0
 
LVL 11

Author Comment

by:tickett
ID: 35218562
Sorry it's been a while could you be a bit more specific?

I simply added style="position:absolute;" to the <div> containing the like button and logo but it didn't change anything.
0
 
LVL 2

Accepted Solution

by:
JosefVerner earned 250 total points
ID: 35218603
add to the #heading:
#heading {
      position: relative:
}

also you must reduce the top margins of your navigation elements:
#nr, #nl and #navigate

Set them all to 0px
0
 
LVL 11

Author Closing Comment

by:tickett
ID: 35218659
Brilliant- thanks!
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

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!
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
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…

746 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