There is a red Tell A Friend button on this page that is pushing the title left. I need this title to stay center. I have hit a wall with this and am a little frustrated. Can anyone help please? I am still learning about the clear float tag but not sure if this is what is missing.

http://clientdownloadarea.com/ktc/index_bak.html

div#tellafriend ul{
float:right;
margin:0;
padding:0;
width: 93px;
height: 25px;
text-indent:-9999px
}
div#tellafriend li {
list-style-type:none;
background-image:url(../images/tellafriend.gif);
background-repeat:no-repeat;
margin:0;
padding:0;
width:93px;
height:25px;
}
div#tellafriend a {
display:block;
width:93px;
height:25px;
}

Also, the phone number in the middle of the top header is hard to see being black. I'd make it white (and bold) to match the two adjacent type.
And there's like a yellowish blur around it too. Screenshot attached

I think the quickest and easiest way to fix this would be to add a left margin to your h1 tag that contains "Steak & Chicken Feast". I would probably add 93px of left margin to that element since the size of the image next to it is taking up 93px.

Thanks. But there are other elements using this same h1 tag therefore I cant add the margin. I think i need to rework it and have it placed at the top right corner of the #menu container. back to the drawing board.

You really should have only ONE <h1> tag in any html document. I can see more than one <h2> or <h3> tags. But your page should contain just one <h1> heading.

If you're using the heading tag to disperse custom font characteristics, there are other ways of doing that.

Can someone tell me why in Firefox when I click on the TELL A FRIEND button on the following link does it show a horizontal scroll bar? I finally got the button positioned where I wanted and now it seems as though i did something wrong in my CSS. Not sure what though.

http://clientdownloadarea.com/ktc/corp_bf.html

Thanks

I am not sure if this would be the cause, but you are using an "id" more than once in the document. You should use classes for your menu div.
You are only supposed to use an ID one time in each document, where you can use classes multiple times in the same document.
Your doctype is xhtml strict, so the IDs could be the culprit.

So I changed the doctype to xhtml transitional and changed the css for the tell a friend button from id to class and still the same result.

see results here: http://clientdownloadarea.com/ktc/index_bak.html

Daman,

EVERY time I check this site out, my stomach growls!!!!

edit:
Now I know why it makes me hungry -
"Embryo designer Michael Adams, who totally looks like Messy Marvin of Hershey’s Syrup fame, explains red as one of his color choices because “psychologically, it’s the color that makes you hungry."

I'm kind of new on the css scene. not sure your comments are going to help me solve this problem but thanks for sharing your feelings.

Try adding margin-right:1px to your tellafriend div.

simple and yet genius. that worked. thanks everyone for your help and i will take into account all the advice given for future reference.

Originally Posted by angele803

I am not sure if this would be the cause, but you are using an "id" more than once in the document. You should use classes for your menu div.
You are only supposed to use an ID one time in each document, where you can use classes multiple times in the same document.
Your doctype is xhtml strict, so the IDs could be the culprit.

Can you elaborate on this a little please? What is the general rule when using ID and class? You say ID should be used only once. But I see it used many times on other sites I've researched.

Thanks!

You say ID should be used only once. But I see it used many times on other sites I've researched.

What is meant by that is that a specific id (ex id="page") should be used only once on the page. You can have other id elements, as long as they are not named "page" in this case.

Here's a tutorial that might help:
http://css.maxdesign.com.au/selectut...ed_idclass.htm