3 Replies Latest reply on Sep 11, 2008 11:04 AM by Newsgroup_User

    There has to be a simple answer to this....

    investix
      Have a look at www.optionetics.com, look at the blue column headers they have for the 3 columns in the middle.

      I want to create something like this for the 2 middle columns on our own site www.investix.co.uk, with maybe the blue background on the header and white text on top. Are these column headers actual images or can this be recreated in DW? Our own site is built in CSS and I'm very wary about changing any of the CSS code.

      Anyone able to help us out on creating this?
        • 1. Re: There has to be a simple answer to this....
          Ben M Adobe Community Professional
          Those blue headers could be redone with CSS. You would just need the following for your header cell class:

          .class {
          background-color: blue;
          border-bottom: 1px solid green;
          }

          Obviously you would change the colors for what you want. But that should be it if I am looking at the right piece.
          • 2. Re: There has to be a simple answer to this....
            Level 7
            Browse to the page. View source. Search for "Options Trading". Find
            this -

            <table id="middlecolumn">

            <tr>
            <td id="content">
            <div id="learn" class="col left">
            <h2>
            <a href="/education/">Learn About Options Trading</a></h2>
            <h3>
            New to Options?<br>

            Browse to the CSS file. Search for "#middlecolumn h2". Find this -


            #middlecolumn h2 {color: #fff; font-size: 100%; background: transparent
            url(/images/hd-bg.gif); padding: 2px 6px 1px; border-bottom: 2px solid #3c3;
            margin: 0 0 6px}

            #middlecolumn h2 a {color: #fff; text-decoration: none;}

            Give you any ideas?

            --
            Murray --- ICQ 71997575
            Adobe Community Expert
            (If you *MUST* email me, don't LAUGH when you do so!)
            ==================
            http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
            http://www.dwfaq.com - DW FAQs, Tutorials & Resources
            ==================


            "investix" <webforumsuser@macromedia.com> wrote in message
            news:gabkdi$4fm$1@forums.macromedia.com...
            > Have a look at www.optionetics.com, look at the blue column headers they
            > have
            > for the 3 columns in the middle.
            >
            > I want to create something like this for the 2 middle columns on our own
            > site
            > www.investix.co.uk, with maybe the blue background on the header and white
            > text
            > on top. Are these column headers actual images or can this be recreated in
            > DW?
            > Our own site is built in CSS and I'm very wary about changing any of the
            > CSS
            > code.
            >
            > Anyone able to help us out on creating this?
            >

            • 3. Re: There has to be a simple answer to this....
              Level 7
              Hi.
              In the example you give us is not all an image, is the H2 header tag with an
              image background.

              #middlecolumn h2 {color: #fff;
              font-size: 100%;
              background: transparent url(/images/hd-bg.gif);
              padding: 2px 6px 1px;
              border-bottom: 2px solid #3c3;
              margin: 0 0 6px}

              You can see the background image here:
              http://www.optionetics.com/images/hd-bg.gif



              "investix" <webforumsuser@macromedia.com> escribió en el mensaje de noticias
              news:gabkdi$4fm$1@forums.macromedia.com...
              > Have a look at www.optionetics.com, look at the blue column headers they
              > have
              > for the 3 columns in the middle.
              >
              > I want to create something like this for the 2 middle columns on our own
              > site
              > www.investix.co.uk, with maybe the blue background on the header and white
              > text
              > on top. Are these column headers actual images or can this be recreated in
              > DW?
              > Our own site is built in CSS and I'm very wary about changing any of the
              > CSS
              > code.
              >
              > Anyone able to help us out on creating this?
              >