Adding links in the MasterPage.master?

Last post 08-20-2008 11:26 AM by ganseki. 3 replies.

Sort Posts:

  • Adding links in the MasterPage.master?

    08-20-2008, 10:41 AM
    • Member
      15 point Member
    • richy1
    • Member since 05-17-2007, 3:58 PM
    • Posts 76
    Hi all, i have one MasterPage.master that has a header and lower row.  These are 2 jpg images.  Both have several logo's on them.  I wish to place live links, which seem to be very, very fiddly!  The only way i can do this is by this type of code -

    <a href="Default.aspx "><asp:ImageMap ID="ImageMap1" runat="server" Height="55px" Style="position: relative; left: -298px; top: -4px;"

    Width="196px" ImageUrl="~/images/tran.gif">

    </asp:ImageMap></a>

      The "position" is so annoying - as soon as i try to move one across, one then starts to move itself, just very difficult to have some simple links.  Is there a better way perhaps, just to place some live links in the  MasterPage.master?  thx

  • Re: Adding links in the MasterPage.master?

    08-20-2008, 10:55 AM
    • Participant
      847 point Participant
    • ganseki
    • Member since 05-18-2006, 5:59 PM
    • England
    • Posts 157

    Could you use CSS to set the background image for the header and lower row, then position your links in the rows as required?

    Simon
    Sharing Knowledge Saves Valuable Time!
    www.sjmdev.com
  • Re: Adding links in the MasterPage.master?

    08-20-2008, 11:17 AM
    • Member
      15 point Member
    • richy1
    • Member since 05-17-2007, 3:58 PM
    • Posts 76

    Nah i havent used CSS yet in VWD 5, only HTML and table structure only.......?

  • Re: Adding links in the MasterPage.master?

    08-20-2008, 11:26 AM
    Answer
    • Participant
      847 point Participant
    • ganseki
    • Member since 05-18-2006, 5:59 PM
    • England
    • Posts 157

    Tongue Tied  You're using a table for layout?

    If you set an ID for the header row to "header_row" you should be able to then set a background image for that with something like 

    #header_row{width:748px; background:transparent url(Images/header_img.jpg) no-repeat;}
    alternatively you could just use div's for your layout... 
    <div id="header_row">
    </div>
    <div id="content">
    <!-- content goes here -->
    </div>
    <div id="footer">
    <!-- footer goes here -->
    </div>
      
    Simon
    Sharing Knowledge Saves Valuable Time!
    www.sjmdev.com
Page 1 of 1 (4 items)