extra space around images

[con]

Hi there

I've got extra space around images that I dont want.
Its playing hell with alignment.

I've looked into the HTML files and set the cellpadding, cell spacing and border ="0" everywhere I've seen them.

The site's at http://www.dwyers.ie/acatalog/homepage.html

If you look at browse by brand bar you can see the extra blue at the below the iamge on the left. But the extra pixels are present where ever images are used.

[cdicken]

If I look at the code for including hom_browse_brand.gif I see the following:

<A HREF="http://www.dwyers.ie/cgi-bin/ss000001.pl?SECTIONID=Brand%2ehtml&NOLOGIN=1" TARGET="_self"><IMG SRC="hom_browse_brand.gif" ALT="" BORDER="0" HEIGHT=28 WIDTH=189> </A>

I'm wondering if that space before the </A> is causing issues. Is this code generated by Actinic or is it your own custom code? It looks like your own custom code as Actinic normally puts in ALT tags.

Also, your 'Browse by Category' links do not appear at all in my Netscape 6.2.

[con]

Hi Chris

The code for the Browse by Brand section is a modification of an existing brochure template made accessible to actinic through the guidelines in the A.U.G.

The <a> tags were put in by actinic

The extra space is also occuring in the header under the main nav buttons. This gives the drop down too much height.

http://www.dwyers.ie/acatalog/homepage.html

Regards

Connor

[jasondarby]

Im having the same issue with my Logo image (there is a single line space under it).

Even with cell spacing and border ="0" everywhere!

Jason

[Mike Hughes]

You might need to go through the actinic templates and make sure they're using tabs instead of spaces for layout.

I've come across one or two (even in V6) that are making this stupid mistake.

Unfortunately, I can't remember which ones. When I find them I make the changes there and then.

Mike

[cdicken]

Connor

Remove all comments and line breaks from the template Act_BrochureImage.html and try again. Ensure 'Compact HTML/CGI' is ticked in 'Design Options | Misc'.

Jason

Remove all comments and line breaks from the template Act_LogoImage.html and try again. Ensure 'Compact HTML/CGI' is ticked in 'Design Options | Misc'.

[jasondarby]

Yeah i found it to be a single white space line at the end of the template.

thanks

Jason

[con]

That solution worked for the space under the navigation Items but now I have Jasons problem, space under the logo.

I followed the advice, and removed all line breaks and comments in LogoItem but no joy. The site is still up at www.dwyers.ie/acatalog/homepage.html

Any ideas?

C

[con]

I had a browse around and discovered that the space is included under the area current areas link.

ie on hompage there is space under the home link
on about page there is space under about.

Where can you control this within the templates??

C

[jasondarby]

You have a space under the logo now?

If thats the case

Goto

Act_LogoImage.html - open in notepad, then put the cursor to the lowest part of the file

text
text
| <------- cursor

Delete the line at the very end, so that the cursor is on the same line as the last line of text.

regards

Jason

[con]

Hi Jason

I have already stripped back the code to a single line and have checked for spaces. Sadlyu that doesn't seem to be the answer.

The extra space occurs throughout the brochure sections on navigation links.

In the ABOUT page I have the space under the About link.
Have a look

http://www.dwyers.ie/acatalog/about.html

[jasondarby]

Yeah i see what you mean. I dont suppose you have dreamweaver? That would help you find the cause of the problem pretty quickly.

[cdicken]

The template you want is Act_BrochureDisabledNavImage.html. Remove all spaces, comments and line breaks from that.

[con]

I tried that and it didn't work but then I commented out the
NETQUOTEVAR:TEMPLATEBEGINXML
from before and after the
NETQUOTEVAR:NAVIMAGE
and that seemed to work.

Is the Templatebeginxml unnecessary or will this cause problems?

Also is there anyway that I can set the disablednavImage to appear in the rollover state?

Cheers

Connor

[cdicken]

NETQUOTEVAR:TEMPLATEBEGINXML and NETQUOTEVAR:TEMPLATEENDXML are just used to insert the XML tags which the Dreamweaver extension uses to tell you where each template begins and ends. You can remove these safely.

There is no capability within the Brochure navigation bar to do a rollover on the icon for the current page you are on. You would have to completely hard-code your navigation if you wanted to do this.

[con]

Thanks chris

Thats cool. It all working fine now.
Just wondering I dont want the disabled nav image to have a rollover action I was just just wondering if the disabled nav image could be eg contact2.gif rather than contact1.gif.I think this could help users know where the y are in the site.

C

[cdicken]

Hmmm - don't know how to do this one outside of using a different Primary template for each brochure page. Sorry 'bout that.