ASP.NET 2.0 Menu Cross Browser Question

[cjtaylor]

I am working with the asp.net 2.0 menu and noticed that there is a space in the beginning of each menu, as if there is a blank menu item in ie, but not in firefox. Anybody know how to make this look the same?

Look at the menu at

http://www.consumer-credit-cards.com

in firefox and in ie to see the difference I am talking about.

I am unclear on how to fix this.

Thanks
Chris

 

[PGoRule]

I checked the page with IE and FF by using Web Developer Toolbars. The <BR /> tag after each image is causing the IE to render that blank line after the image. Just remove those <BR /> tags from your page.

<img alt="Credit Cards by Type" src="images/Cards_By_Type.jpg" /><br />

change it to only:

<img alt="Credit Cards by Type" src="images/Cards_By_Type.jpg" />

Sharing the best from my side...

--Prashant--

 

[cjtaylor]

Thanks Prashant,

I took the the <br /> out, but the problem persists? What els emight cause this>

Thanks,
Chris

 

[cjtaylor]

I did notice that when the html is rendered I find this line of code that does not exist in my source code:

<a href="#Menu2_SkipLink"><img alt="Skip Navigation Links" src="/ccc/WebResource.axd?d=ARFB4g0caHz80drBLss2LQ2&amp;t=632718022497500000" width="0" height="0" style="border-width:0px;" /></a><table id="Menu2" class="Menu2_2" cellpadding="0" cellspacing="0" border="0">

Do you know what this is about?

Thanks
Chris

 

[PGoRule]

From source from IE and FF shows one image element with following description. You may be adding this through your code. This element eats up that space. This appears as a red colored square dot.
--------------------------------------
SRC =

http://www.consumer-credit-cards.com/WebResource.axd?d=ekB3VvfmdWdjAPHutJ3Y2w2&t=632884031546250000

Actual Width = 1px
Actual Height = 1px

Adjusted Width = 1px
Adjusted Height = 1px

Alt text = Skip Navigation Links

Title text = [No Title Value]

File Size = 43 bytes
--------------------------------------
Check this out inside your code...

Sharing the best from my side...

--Prashant--

 

[PGoRule]

You can use this DevToolbar with IE to check such situations:
DevToolbar

Sharing the best from my side...

--Prashant--

 

[cjtaylor]

Hey thanks for the tip on that toolbar, I did not know that existed.

My problem was that the the skiplink property is set by default. Taking the text out of this property solved my problem.

 

[PGoRule]

Thats fine...good to see that the problem is solved.
I think you will need this tool also...
FireFox and Mozilla Toolbar

Sharing the best from my side...

--Prashant--