HTML Help Needed....

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • tropicalsuns
    Senior Member
    • Dec 2002
    • 163

    HTML Help Needed....

    I have advertising banners on our site that I would like to add a border around the banner itself.

    Here is the present code:

    <table width="98%" border="15" bordercolor="990066" align="center">
    <tr bgcolor="" valign="top">
    <td colspan="0" bordercolor="" >
    </a><br>

    <iframe frameborder=0 height=60 marginheight=0 marginwidth=0 scrolling=no src="http://www.mydomain.com/cgi-bin/ads.pl?"
    width=468 align=right>
    <script language="JavaScript"><!--
    random = parseInt(Math.random()*1000)
    banner = '<A HREF="http://www.mydomain.com/cgi-bin/ads.pl?
    banner += '" TARGET="_blank">';
    banner += '<IMG SRC="http://www.mydomain.com/cgi-bin/ads.pl?
    banner += '" WIDTH=468 HEIGHT=60'
    banner += ' ALT="Advertise Here!" BORDER="0" bordercolor=""></A>'
    document.write(banner)
    // --></script>

    <noscript> <a href="http://www.mydomain.com/banners/cgi-bin/ads.pl?" target="_blank">

    <img src="http://www.mydomain.com/cgi-bin/ads.pl?" width=468 height=60 alt="Click Here!" border="0" bordercolor=""></a>

    </noscript> </IFRAME>

    I have succeeded in putting a strong border of "15" around the whole board and would like to put maybe a "2" border matching color 990066.

    No matter where I throw the code it does not wrap the banner.

    Would I put this code here? or on EACH individual banner????
  • Floris
    Senior Member
    • Dec 2001
    • 37767

    #2
    Your <img> tag has border="0" so it will not show a border. Set this to 1. Or make a custom class for CSS to add to the <img> tag.

    Comment

    • Floris
      Senior Member
      • Dec 2001
      • 37767

      #3
      Put this in before the </head> tag

      HTML Code:
      <style type="text/css">
      <!--
      .bannerborder {
       border: 2px solid #990066;
      }
      -->
      </style>
      and in the code from your post, in the <img> tag, just after <img add a space and then class="bannerborder"

      Comment

      • tropicalsuns
        Senior Member
        • Dec 2002
        • 163

        #4
        Originally posted by xiphoid
        Put this in before the </head> tag

        HTML Code:
        <style type="text/css">
        <!--
        .bannerborder {
         border: 2px solid #990066;
        }
        -->
        </style>
        and in the code from your post, in the <img> tag, just after <img add a space and then class="bannerborder"
        xiphoid,

        Not clear on the second part.

        Here is what I did.

        HTML Code:
        <table width="98%" border="15" bordercolor="990066" align="center">
          <tr bgcolor="" valign="top"> 
            <td colspan="0" bordercolor="" >
                   </a><br>
        
                    <iframe frameborder=0 height=60 marginheight=0 marginwidth=0 scrolling=no src="http://www.tanningprofessionals.com/cgi-bin/ads.pl?"
        width=468 align=right>  
                     <script language="JavaScript"><!-- 
          random = parseInt(Math.random()*1000) 
          banner = '<A HREF="http://www.tanningprofessionals.com/cgi-bin/ads.pl? 
          banner += '" TARGET="_blank">'; 
          banner += '<IMG SRC="http://www.tanningprofessionals.com/cgi-bin/ads.pl?
          banner += '" WIDTH=468 HEIGHT=60' 
          banner += ' ALT="Advertise Here!" BORDER="0" bordercolor=""></A>' 
          document.write(banner) 
          // --></script>
                
                <noscript> <a href="http://www.tanningprofessionals.com/banners/cgi-bin/ads.pl?" target="_blank">
        
                <img class="bannerborder" src="http://www.tanningprofessionals.com/cgi-bin/ads.pl?" width=468 height=60 alt="Click Here!" border="0" bordercolor=""></a> 
        
        </noscript> </IFRAME>
        <style type="text/css">
        <--
        .bannerborder {
         border: 2px solid #990066;
        }
        -->
        </style>
        And it did not work. where is the class="bannerborder" SUPPOSE to be?

        Thanks!

        Marty

        Comment

        • Floris
          Senior Member
          • Dec 2001
          • 37767

          #5
          You can learn html here: www.w3.org

          Comment

          • tropicalsuns
            Senior Member
            • Dec 2002
            • 163

            #6
            Originally Posted by xiphoid
            Put this in before the </head> tag
            Actually I cannot find how to access this as the information in the "header" template in the modify template section comes just AFTER the </head>tag.

            Comment

            • Steve Machol
              Former Customer Support Manager
              • Jul 2000
              • 154488

              #7
              Use the headinclude template.
              Steve Machol, former vBulletin Customer Support Manager (and NOT retired!)
              Change CKEditor Colors to Match Style (for 4.1.4 and above)

              Steve Machol Photography


              Mankind is the only creature smart enough to know its own history, and dumb enough to ignore it.


              Comment

              • tropicalsuns
                Senior Member
                • Dec 2002
                • 163

                #8
                Thanks Steve,

                That part is accomplished.

                xiphoid,

                sorry, I do know enough html to get by but will be the first to admit I don't know what a custom class is.

                I still have not gotten this to work.

                Would you mind being more clear on this?

                and in the code from your post, in the <img> tag, just after <img add a space and then class="bannerborder"
                Thanks....

                Comment

                widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                Working...