Hello,

Is it possible to change the width of the header area? On litteacher.com, the header image is 1142, but the black bars above and below (Is it possible to remove those?) and the page menu bar extend a good bit further.

I am using Atahualpa 3.5.3 and have a fixed width of 1280px.

Also, there is a dotted white border around the page menu bar. How would one go about removing that. I tried setting it to dashed 1px #775731. That worked on another site running Atahualpa 3.5.1, but I can't seem to get rid of the border.

Thank you for any help you can provide. Your hard work is greatly appreciated.
Jason Bedell.

I was able to get part way there. I removed the black bars by commenting out

/*
div#imagecontainer { 
border-top: solid 5px #333; 
border-bottom: solid 5px #333
*/

I got the white dotted border to go away with this css insert. Somehow it matched the header image's width, but left-aligned the text even though the page-menu bar is added with the %page-center command.

div#menu1 {
background: #775731 !important;;
width: 1142px;
border-width:0px;
align:center;
text-align:center;
}

I tried align and text align to make the page-menu buttons be center aligned again but it didn't work. I will post if I figure it out. If anyone else knows, please let me know.

Thank you very much for your help.

Do you have the menu BUGFIX's applied? ('New Versions & Updating' forum)

I didn't see it; is this the one?

http://forum.bytesforall.com/showthread.php?t=8756

By the way, you are the most helpful person around; I'll definitely be sending a Christmas present when I get paid in a few days.

I applied BUGFIX 353-01, but the page menu bar is still left-aligned as opposed to center.

go to ato->export/Import settings and export our settings, then attach them to a reply

I attached them. Thank you for taking the time to look at them.

ok, your problem is that you started with a demo style that already was playing with lots of CSS settings.

Go to ATO->Add HTML/CSS Inserts->CSS Inserts and CUT everything out and paste it to a text document (note I said TEXT and not WORD)

save the settings so you have nothing in the CSS Inserts and take a look.

If there is something you added and need to put back, then put it back in.

OK. Thanks so much for looking into that. It turns out it is the width: 1142px; property that is keeping it from being centered. When I remove it, it is centered, but the bar doesn't extend the width of the header image. Is there a way to do this?

Juggledad,

I just tried to send you a thank you on PayPal, but I got an error message. Can you tell if anything came through? If not, I will resend.

Last related question and I promise I'm done for a while.

I removed the black bars above and below the header image.
Now there is a line of space between the header image and the page menu bar. (Firebug identifies the space as div.horbar1.) Is it possible to get rid of that space?

go to ato->Style & edit HEADER AREA->Configure Header Area and remove %bar1

(nothing came thru)

I had already removed %bar1 and %bar2. Is there any other way to remove the space?
Also, is it possible to stretch the page menu to 1101px and center it? I can do either or at the moment.

Thank you.

I resent and got a confirmantion #; I think it should have come through. Merry Christmas.

Originally Posted by jasontbedell

I had already removed %bar1 and %bar2. Is there any other way to remove the space?

Do you see you set the headerimage height to 102px?
And do you see your header image is 98px high?
If you set the height to 98px, the 4px gap underneath should be gone.

Thanks STB. I had to scale the header image and forgot that. I took up your suggestion on Firebug, but you're better than I.

Do you have any ideas on centering and stretching the page-menu bar? This is my last problem and then I'm done styling this site.

Originally Posted by jasontbedell

Thanks STB. I had to scale the header image and forgot that. I took up your suggestion on Firebug, but you're better than I.

Do you have any ideas on centering and stretching the page-menu bar? This is my last problem and then I'm done styling this site.

You're welcome. You made something really nice there.

About the menu, spreading the entries evenly ..

Normally you would take the full width, divide it by the # of tabs ..
For example: full menu width: 1101px / 9 tabs = 122px width per tab.

But you cant do that because "CLERESTORY PRESS" doesnt fit in 122px.
So you have 2 options
- shorten that entry to just "PRESS" and give all entries 122px width
- target each menu entry with the #ID, and manually set the width for each one
or alternatively .. set a default width for the entries, and manually set a custom width only for ones that you want to give a non-default width.

Also to keep things straight forward, make sure to remove all paddings and margins you currently have set for the menu entries. There is no use for them.

Finally, use a "white-space: nowrap;" css for the entries. That's the css equivalent of the <nobr> tag.

And.. not sure I'm better than you. All I know I learned by looking things up myself.
You can find almost anything on the internet with some searching.
Practice makes perfect really.

STB,

That makes a lot of sense. Do you know what is wrong with this?

li#menu-item-229 {width; 122px; white-space: nowrap}
li#menu-item-230 {width; 122px; white-space: nowrap}
li#menu-item-231 {width; 122px; white-space: nowrap}
li#menu-item-232 {width; 122px; white-space: nowrap}
li#menu-item-233 {width; 122px; white-space: nowrap}
li#menu-item-234 {width; 122px; white-space: nowrap}
li#menu-item-229 {width; 122px; white-space: nowrap}
li#menu-item-235 {width; 122px; white-space: nowrap}
li#menu-item-236 {width; 122px; white-space: nowrap}
li#menu-item-237 {width; 122px; white-space: nowrap}

Originally Posted by jasontbedell

STB,

That makes a lot of sense. Do you know what is wrong with this?

li#menu-item-229 {width; 122px; white-space: nowrap}
li#menu-item-230 {width; 122px; white-space: nowrap}
li#menu-item-231 {width; 122px; white-space: nowrap}
li#menu-item-232 {width; 122px; white-space: nowrap}
li#menu-item-233 {width; 122px; white-space: nowrap}
li#menu-item-234 {width; 122px; white-space: nowrap}
li#menu-item-229 {width; 122px; white-space: nowrap}
li#menu-item-235 {width; 122px; white-space: nowrap}
li#menu-item-236 {width; 122px; white-space: nowrap}
li#menu-item-237 {width; 122px; white-space: nowrap}

yes the semi colon should be a colon

width: .. instead of with;

with css always double check your syntax in case its not working
1 little error can screw things up

I actually knew that; can't believe I missed it. Thanks. It looks like it worked, but I need to find where the padding is to remove it.

I found the right code to edit out; you guys are the best!

Overlooking something can happen to the best.

If you are going for a fixed 122px width for all entries, you can replace the 9 css definitions with 1, f.e. something like:

ul#rmenu2-page li {width: 122px; white-space: nowrap;}

(note the closing semi colon after nowrap)

And some unnecessary border and padding left on your <a> tags in the menu entries.
You can leave them in, or if you want to do the last bit of tidying up .. you can remove them too.