Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Position Graphic Elements in A header PLEASE HELP! Re: Position Graphic Elements in A header PLEASE HELP!

#103668
tordavis
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!