3 Replies Latest reply: Sep 19, 2007 7:24 AM by quality11 RSS

    Adding graphic/css

    quality11 Community Member
      How can I add a small graphic to the right-hand side of the "Products" header on this page: www.quality-america.com? Essentially, we want to shrink the "Specials" starburst on the bottom of the page and put it on the right-hand side of the "Products" header. Not sure what to change on the test.css page. Code is:

      <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
      <td valign="top"><div id="twotop">
      <div id="prodbox">
      <h2>Resources</h2>
      <ul>
      <li><a href="store/basic_program.htm">medical compliance program </a><br />
        • 1. Re: Adding graphic/css
          deesadler CommunityMVP
          Why are they using tables? Have you tried the new CSS templates in CS3? They are awesome, but ...your site is in tables, so...
          Don't shrink. Edit the starburst and make a copy. Use that.

          **I have been looking at the code for the page. You use a lot of inline styles, and an external style sheet. Be very careful in doing that.**

          Looks like here is the CSS for that box.
          #prodbox { font-size: 1em; padding-bottom: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; width: 258px;}

          There are of course, several ways to go about that. You could make a graphic that includes the starburst. Easiest choice.
          You could add a div that was relative to the current div. You know... after looking at the code more, my suggestion would be not to add any more code and just replace that image.

          Dee
          • 2. Adding graphic/css
            quality11 Community Member
            Thanks for your feedback. I actually didn't design it. We had someone do it for mega bucks so that is what we have to work with now.

            How would I do that? What exactly would the code look like and where? I have tried different things and they aren't working. the graphic is starburst.gif - haven't adjusted the size yet. Unfortunately, the boss wants it moved to the header. Not sure how to create a div inside a div. What would it look like?

            • 3. Re: Adding graphic/css
              quality11 Community Member
              Can anyone help?