Professional Web Applications Themes

Navigation Bar Problem - Macromedia Dreamweaver

I am developing an experimental webpage with an extremely simple layout: one table, which only has one column and two rows. The top row consists of seven images, with a little space between each. This space is there because I'm trying to format my source code neatly (so some whitespace appears between each <img> tag). This row will serve as a tabbed navigation bar, much like the one at amazon.com. The bottom row is simply a solid color, which matches the background color of the active tab. Here is a brief glimpse of what table row 1 looks like: <td ...

  1. #1

    Default Navigation Bar Problem

    I am developing an experimental webpage with an extremely simple layout: one
    table, which only has one column and two rows. The top row consists of seven
    images, with a little space between each. This space is there because I'm
    trying to format my source code neatly (so some whitespace appears between
    each <img> tag). This row will serve as a tabbed navigation bar, much like
    the one at amazon.com. The bottom row is simply a solid color, which matches
    the background color of the active tab. Here is a brief glimpse of what
    table row 1 looks like:

    <td id="Navigation">
    <a some_link><img some_image /></a>
    <a some_link><img some_image /></a>
    <a some_link><img some_image /></a>
    </td>

    My problem is this: there is some vertical whitespace between row 1 and row
    2 of this table. Since this will be a tabbed navigation interface, I want
    these cells to touch (so the selected image blends in with the row below
    it). I am designing the page in XHTML (strict DTD) using cascading style
    sheets, and this is the class that I have defined for my navigation table
    cell:

    #Navigation {
    border: 0px;
    font-size: 0px;
    margin: 0px;
    padding: 0px;
    }

    When I remove the whitespace between each <img> tag, the vertical whitespace
    between rows 1 and 2 goes away. So I added the font-size setting of 0px,
    thinking that it was the whitespace that was the problem. This hack fixed
    the problem in Internet Explorer, but it still remains in Mozilla.

    What is the problem here, and how can I fix it? This really has me
    puzzled...

    Thanks,
    Jonah B.


    Jonah Bishop Guest

  2. #2

    Default Re: Navigation Bar Problem

    Thanks for all the help...

    <msk111carolina.rr.com> wrote in message
    news:OQ4cb.1778$eB.223twister.southeast.rr.com...
    > I have a problem with my navigation bar i was messing around with, the
    links
    > i provided to the hotspots of the buttons dont work on my site. I click
    them
    > and it just kind of sits there and does nothing, i provided the .png file.
    > Please scan it before you open it so i dont get blamed for ing up
    your
    > comp.,
    > Mike
    >
    >
    >

    Guest

Similar Threads

  1. CSS IE problem and navigation bar question
    By mfv84 in forum Macromedia Dynamic HTML
    Replies: 6
    Last Post: September 10th, 10:52 PM
  2. Another navigation problem...
    By ploughman1 in forum Macromedia Dynamic HTML
    Replies: 1
    Last Post: August 12th, 01:49 PM
  3. problem with navigation bars
    By David Bartosik - MS MVP in forum Web Design
    Replies: 2
    Last Post: April 2nd, 07:40 PM
  4. A navigation control problem......
    By bob_5 in forum Macromedia Director Basics
    Replies: 10
    Last Post: February 10th, 06:52 AM
  5. navigation problem
    By mrsr84 in forum Macromedia Director Lingo
    Replies: 2
    Last Post: September 20th, 07:32 PM

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
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139