1px border problem.

[Simon Williams]

Hi all,

I've created custom navigation buttons but there is, what seems, a 1px white border around the buttons.

I assume it's part of the css but I can't seem to find it.

The image shows the border on the below buttons, and how it should appear on the above buttons.



Thanks in advance,
Simon

[jont]

Seeing the code on a test (or live) site would help no end. Without it is only a stab in the dark:

1. have you set margin: 0px
2. have you declared a width and height
3. have you tried setting a border colour to say RED to see what that creates

.. a test page would help no end

[Simon Williams]

Hi,

Unfortunately the site is not live as yet, and I'm testing locally.

I have not changed any settings, and have just changed the image code, eg,

<a href="<actinic:variable name="LoginPageURL" />" target="_self" onmouseover="SwapImage('nav_login','pp_button_login.gif')" onmouseout="RestoreImage()"><img src="pp_button_login.gif" alt="<actinic:variable name="LoginText" />" border="0" name="nav_login" /></a>

I have changed the border="0", but this applies a border outside. Never the less, the border is set to 0 anyway.

Simon

[umbrellagirl]

I had something similar to my cart and items menu:

Check your CSS around your page_menu_items for borders - on my CSS its on line 321

I had lines like this wrapping them left/right/top/bottom - which I deleted apart from the left which I needed...

border-left: 1px solid BGColor;

Christine

[Simon Williams]

Thanks Christine,

I'll let you know how I get on!

Simon

[Simon Williams]

I had something similar to my cart and items menu:

Check your CSS around your page_menu_items for borders - on my CSS its on line 321

I had lines like this wrapping them left/right/top/bottom - which I deleted apart from the left which I needed...

border-left: 1px solid BGColor;

Christine

There wasn't actually a problem.

I uploaded my file with the 'problem' displayed in Actinic, and online the site is fine. Hence, a problem with WYSIWYG.

[jont]

Have you checked the site under different external browsers? The internal preview uses IE so should look the same as an external preview. What can happen is changes made to an external stylesheet for example are often not picked up unless you force a preview refresh by changing sections.

[dave_finlayson]

This does it on our preview as well for images lying side by side. I believe it's just a 'quirk' of the internal preview, something to do with Actinic adding it's own css to display the dotted borders round layout areas as you click on them. Nothing to worry about but a pain if you spend 3 hours trying to find out what's causing it!

[jont]

Dave - which theme are you using?

[dave_finlayson]

Jont,

It's a custom theme, examples attached. colours.gif is an Actinic preview (both within the application and an offline preview) and colours2.gif is what is actually uploads as.

[STOPS FOR A THINK]

It's because each img is on a newline within Actinic. Moving all the code onto an unbroken line sorts it, the same as uploading with compacting switched on.

So I guess you make your choice. Readable code or an accurate page preview. YOU DECIDE!

[jont]

I always go with readable code as I never have the preview turned on .. learnt that lesson way back in v6 .. better to hit the external browser preview to see how the world views it.

[dave_finlayson]

It's what i also do as well but it is somewhat unfortunate that even the external preview displays the same, perhaps the external preview should compact the code before it previews so it displays accurately? You actually have to upload to get the correct results currently.

I would also like to take this opportunity to apologise for the Big Brother reference in my last post. It was uncalled for and unprofessional!

[jont]

I am more of a Celebrity Hopscotch fan myself

[dave_finlayson]

I prefer 'Celebrity Screw Up Your Actinic Site', while the missus is watching Big Brother! The sounds of Jade Goody screaching are guaranteed to result in incorrect code and lost sales!