Home › Forums › CSS › Position Graphic Elements in A header PLEASE HELP! › Re: Position Graphic Elements in A header PLEASE HELP!
May 30, 2012 at 4:45 pm
#103668
Member
Here you go:
New CSS:
@charset "utf-8";
/* CSS Document */
body {
margin:0px;
padding:0px;
background-color:#ffffff;
}
/* Header Section */
#header {
margin:0 auto;
background-color:#e2e2e2;
width:1024px;
height:123px;
}
#header-logo {
position:relative;
float:left;
width:248px;
height:85px;
background-image:url(images/stfuandplaylogo.gif);
background-repeat:no-repeat;
top:5px;
left:28px;
}
#youtube-ico {
position:relative;
width:41px;
height:41px;
top:-80px;
left:299px;
}
#facebook-ico {
position:relative;
width:41px;
height:41px;
top:-80px;
left:340px;
}
#twitter-ico {
position:relative;
width:41px;
height:41px;
top:-39px;
left:299px;
}
#stumble-ico {
Position:relative;
width:41px;
height:41px;
top:-77px;
left:340px;
}
New HTML:




Same link: http://www.stfuandplay.com/test/
floating it for me screws everything up. Can you post your code to make sure it’s the same? Thanks!
[EDIT]
As you can see from the link, I got the last button in the way I wanted. I had to do totally different position numbers than the others. It’s confusing but I want to know what i’m doing and not depend on trial and error.
Thanks again!
Let’s see if I can get the rest of this header done!