February 5th, 2013, 06:40 PM
|
 |
For POny!
|
|
Join Date: Apr 2012
Location: Amsterdam
|
|
your mark-up is a bit of a mess, it can be done simpler. Also if the background extends to the left you wont see your logo "mechanex"
What you want to do is make a header div with a width of 100% give it a fixed height and a background (with that black gradient)
Inside that div you can put another div with a fixed width and height
Code:
<body>
<div id="header">
<div id="twitterlogo"></div>
</div>
some css (fill this in yourself with correct values)
Code:
#header{height:150px;background:url('sprite.jpg') 0 0 repeat-x}
#twitterlogo{width 300px;height:150px;float:right;background: url('sprite.jpg') 0 150px no-repeat}
P.s. you can place the feed and other stuff in that container (#header) make sure you read about "Float" and "Clear"
Last edited by aeternus : February 5th, 2013 at 06:43 PM.
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
