Image resizing themselves in Nav

[the061]

Hi

I'm new to this Actinic thing and I have found myself a problem I can't seem to crack.

Please bear with me as I am a designer, not a developer so I am not that technical

I designed some new navigation images to replace the default Actinic ones that were uploaded with the original site. Now, the original buttons were 12px high and I have replaced them with buttons 24px in height and I am getting the below style.

The images at the top are how they look now and the one at the bottom is how each button should look.



I assumed, after reading the massive design guidelines document, that simply overwriting the originals would replace them and their attributes as their is nothing in the Act_Primary.html file that predetermines the navigation image size. But this is obviously not the case.

Any suggestions on how to fix this?

Also how can I force Actinic to use a CSS sheet of my own choice instead of the current one? I would like it to have smaller white text in the bulk area instead of how it is shown below.



Wow, I just re-read that and realised how long it is. Anyhow, the help would be really appreciated! Thanks in advance

[pinbrook]

Rather than force actinic to use a different style sheet, wouldn't it be easier to edit actinic.css.

towards the bottom of the css file are these lines


.actxxsmall{font-size:xx-small;color:NETQUOTEVAR:FGCOLORCSS;}
.actxsmall{font-size:x-small;color:NETQUOTEVAR:FGCOLORCSS;}
.actsmall{font-size:small;color:NETQUOTEVAR:FGCOLORCSS;}
.actregular{font-size:medium;color:NETQUOTEVAR:FGCOLORCSS;}
.actlarge{font-size:large;color:NETQUOTEVAR:FGCOLORCSS;}
.actxlarge{font-size:x-large;color:NETQUOTEVAR:FGCOLORCSS;}
.actxxlarge{font-size:xx-large;color:NETQUOTEVAR:FGCOLORCSS;}

just change the font size definition to something like


.actxxsmall{font-size:xx-small;color:NETQUOTEVAR:FGCOLORCSS;}
.actxsmall{font-size:xx-small;color:NETQUOTEVAR:FGCOLORCSS;}
.actsmall{font-size:x-small;color:NETQUOTEVAR:FGCOLORCSS;}
.actregular{font-size:small;color:NETQUOTEVAR:FGCOLORCSS;}
.actlarge{font-size:small;color:NETQUOTEVAR:FGCOLORCSS;}
.actxlarge{font-size:medium;color:NETQUOTEVAR:FGCOLORCSS;}
.actxxlarge{font-size:medium;color:NETQUOTEVAR:FGCOLORCSS;}

i would need to see the generated code in order to help with the nav button issue

[the061]

OK I will try that with the css.

As for the output code, can I pm you the location of the site? I don't want to post it here yet as the site needs to be finalised?

Thanks Andy

[the061]

Actually I may as well post it here.

www.dirtydisks.com

(slightly grown up content, not adult - they sell blank optical media)

[the061]

I modified the CSS as you suggested but nothing has changed, I even rewrote the css as below

.actxxsmall{font-size:xx-small;color:#ffffff;}
.actxsmall{font-size:xx-small;color:#ffffff;}
.actsmall{font-size:x-small;color:#ffffff;}
.actregular{font-size:small;color:#ffffff;}
.actlarge{font-size:small;color:#ffffff;}
.actxlarge{font-size:medium;color:#ffffff;}
.actxxlarge{font-size:medium;color:#ffffff;}

then manually uploaded to the server and the text still the same

[cdicken]

With regards to your image sizes, are you using mouseover (rollover) images for the navigation links? These are set in 'Design | Options | Navigation' (there are two fields for each button - image and highlight image). It could be you have two different sized images for one navigation button.

With regards to fonts, you can stick with the current actinic.css stylesheet (get a backup from 'Formats/Themes/Layout1' if you have not got a backup elsewhere) and then just change the 'Text Color' field in 'Design | Colors'.

[the061]

Thanks for the help so far...

Just one more thing.

I fixed the other little bugs, I just can't seem to get the cart to site right? Where is the config for this?

The cart looks like as in this link
http://www.dirtydisks.com/cgi-bin/ca...CTION=SHOWCART

How do I get the blue to go away? Can I narrow the width of the table too?

The only other minor bug is that in the checkout, the text sits over the main area's boundary. If I use a xspace in the css it obviously moves everything else in xsmall or whatever. This last one is only a minor niggle.

Any suggestions are really appreciated. Thanks once again

[cdicken]

How do I get the blue to go away?

Change the 'Form Emphasis' colour in 'Design | Colours'.

Can I narrow the width of the table too?

Edit the <table> code you find in Act_ShoppingCartXML.html.