Home/ Questions/Q 6965379
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T16:03:15+00:00

I have a 960 grid template and I have my logo far left and

  • 0

I have a 960 grid template and I have my logo far left and want to position some icons far right in the header. I cannot for the life in me achieve this and would like some help please.

This is the header code:

<body>
  <div class="container_12">
    <header>
        <h1><a href="/">some title</a></h1>
    </header>

And here is the CSS for this section:

header,
h2 {background: url(img/header.gif) bottom left no-repeat; padding: 20px 0 10px 0;}
header{height:45px;}
h1 {background: url(img/logo.png) top left no-repeat; width:140px; height: 31px; display:block; text-indent:-999em; font-size:0;}
.small p {font-size: 12px; }
p.success {padding: 10px; background: #adefa0; font-size: 16px;}

I wanted to put a twitter, facebook and linkedin icon on the far right which are in my /img/ folder but cannot get the alignment right and everything is far right and a mess.

Can someone please help.

Thanks,
Philip

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Have you tried putting them in a container that is floated to the right in your header div?

    .icon_container {
   float: right;
   margin-right: 10px;
}

<body>
  <div class="container_12">
    <header>
        <div class="icon_container">
            <a href="http://example.com">Example</a> |
            <a href="http://foo.com">Foo</a> |
            <a href="http://bar.com">Bar</a>
        </div>
        <h1><a href="/">some title</a></h1>
    </header>
    • 0