SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Nav bar spacing

  1. #1
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,811
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi all,

    I think I am getting tired...but...

    Just had to monkey with some MM produced JS (for my navbut rollovers) in order that it met with the w3c xhtml spec. Validates fine etc (woohoo ), but for no apparent reason, there is now space between my buttons where prveiously there was none.

    I changed all "onMouseOut" statements to "onmouseout" and just for good measure, replaced all "MM_" bits with "hh_".

    Rollovers function as they should.....but this space is added between buttons.

    Pre monkeying sample:
    <td width="20%" align="left" valign="top">
    <a href="qes1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Views on Euro','','../navbutts/views2.jpg',1)"><img name="Views on Euro" border="0" src="../navbutts/views1.jpg" width="170" height="33" alt="Views on the Euro" /></a>
    <br />
    <a href="qes2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Export','','../navbutts/export2.jpg',1)"><img name="Export" border="0" src="../navbutts/export1.jpg" width="170" height="33" alt="Export Sales &amp; Orders" />
    <br />
    post monkeying sample:
    <td width="20%" align="left" valign="top">
    <a href="qes1.html" onmouseout="hh_swapImgRestore()" onmouseover="hh_swapImage('Views','','../navbutts/views2.jpg',1)"><img name="Views" border="0" src="../navbutts/views1.jpg" width="170" height="33" alt="Views on the Euro" /></a>
    <br />
    <a href="qes2.html" onmouseout="hh_swapImgRestore()" onmouseover="hh_swapImage('Export','','../navbutts/export2.jpg',1)"><img name="Export" border="0" src="../navbutts/export1.jpg" width="170" height="33" alt="Export Sales &amp; Orders" />
    <br />
    anybody know wassup?

    Cheers,

    H
    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS

  2. #2
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you have the rollovers working the way they should be, then try taking out all of the carriage returns.

    That is what usually causes that spacing issue. The only realy drawback is that it will be a tad more difficult to read.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  3. #3
    Anyone seen my cypher? OneChance's Avatar
    Join Date
    Apr 2001
    Location
    Seattle
    Posts
    281
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The only thing I see is a missing </a> on the second image. You might want to try putting the BR's on the same line as the images like so: <a ...><img ... /></a><br />

    I can't imagine why the space wasn't there before, though.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •