Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
3338
Images do not render correctly on page load
posted

I have a master/child page setup.

On the child page, I have 3 image buttons. They are all set more or less as follows. the only difference is the button style  background image and the Image url.

<igtxt:WebImageButton ID="btnAddRecipFlags" runat="server" Text="Add Recipient Alerts"
               ImageDirectory="/Images" ImageTextSpacing="0" meta:resourcekey="btnAddRecipFlagsResource1"
               Width="168px" Height="52px" Overflow="WordWrap">
               <DisabledAppearance>
                   <ButtonStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
                       Font-Underline="False">
                   </ButtonStyle>
               </DisabledAppearance>
               <Appearance>
                   <ButtonStyle Font-Bold="True" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
                       Font-Underline="False" Font-Names="Arial" Font-Size="10pt" BackgroundImage="/Images/Blue_button.jpg"
                       ForeColor="White">
                   </ButtonStyle>
                   <Image Url="./Images/AlertIcon_Recip_Up.png" />
               </Appearance>
               <FocusAppearance>
                   <ButtonStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
                       Font-Underline="False">
                   </ButtonStyle>
               </FocusAppearance>
               <PressedAppearance>
                   <ButtonStyle Font-Bold="True" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
                       Font-Underline="False" BackgroundImage="./Images/Orange_button.jpg" Font-Names="arial"
                       Font-Size="10pt">
                   </ButtonStyle>
                   <Image Url="./Images/AlertIcon_Recip_Down.png" />
               </PressedAppearance>
               <HoverAppearance>
                   <ButtonStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
                       Font-Underline="False" BackgroundImage="./Images/navbar_button_selected.jpg">
                   </ButtonStyle>
               </HoverAppearance>
               <Alignments VerticalImage="Bottom" />
           </igtxt:WebImageButton>

 

 

All the images are in an image directory..

In order for the button style background images to show I need to move the mouse over it first..

What is wrong with my path statement?