Strictly Business > Hosting,Domains,Script,PHP,HTML,My SQL,CSS and more

Css conflict

(1/1)

admin:
When i was put adbrite ad code to my monitor, i met Css conflict problem, i posted on C4G, C4G admin Dave gave me some useful direction.

===================
My post:

I created a 120X600 skyscraper adbrite ad zone  ,want to put 120X600 text ad at the lower left of my monitor, but  after inserted&uploaded the code to my site,the page can't demonstrate normally ,all of the programs added at the right side can't display.
Below is the code i inserted :

--- Code: ---<!-- Begin: AdBrite -->
<style type="text/css">
   .adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #CC0000;}
   .adText {font: normal 10pt Arial; text-decoration: none; color: #0000FF;}
</style>
<script type="text/javascript" src="http://ads.adbrite.com/mb/text_group.php?sid=182721&br=1&dk=706f6b65725f32355f325f776562">
</script>
<div><a class="adHeadline" target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=182721&afsid=1">Your Ad Here</a></div>
<!-- End: AdBrite -->
--- End code ---

All of you should know GG or Adbrite 120X600 skyscraper ad  specs don't show banner ads. The 468X60 or 728X90 ad code works well with my monitor css. Don't know how to modify the code above in order to let it match my site,spent more than 6 hrs, still can't solve the problem by myself. banghead I have to removed all of the code before"<script type",now the ad can display on my site, and site works again,but the ad title&text only show the color as  my site defaulted background.
Btw, when i copy & paste the above code from my adbrite account,i  noticed this reminder:
To match the design of your site, you may alter the "adHeadline" and "adText" classes.

I would really appreciate that  if  any one explain for me.
====================
Dave's reply:

If you need to change the background color of the ads only, you can wrap it in an html table and set the background color there, for example...


--- Code: ---<table border=0><tr><td style='background-color:#000000;'>

<!-- Begin: AdBrite -->
<style type="text/css">
   .adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #CC0000;}
   .adText {font: normal 10pt Arial; text-decoration: none; color: #0000FF;}
</style>
<script type="text/javascript" src="http://ads.adbrite.com/mb/text_group.php?sid=182721&br=1&dk=706f6b65725f32355f325f776562">
</script>
<div><a class="adHeadline" target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=182721&afsid=1">Your Ad Here</a></div>
<!-- End: AdBrite -->

</td></tr></table>
--- End code ---

That would make a black (#000000) background on the ads... hope this helps.

Also you should change this...


--- Code: ---<style type="text/css">
   .adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #CC0000;}
   .adText {font: normal 10pt Arial; text-decoration: none; color: #0000FF;}
</style>
--- End code ---

to:


--- Code: ---<style type="text/css">
   .adHeadline {font-weight: bold; font-size:10px; font-family: Arial, serif; text-decoration: underline; color: #CC0000;}
   .adText {font-size: 10px; font-family: Arial, serif; text-decoration: none; color: #0000FF;}
</style>
--- End code ---

font-weight, font-size, and font-family are the CSS standards that work with all browsers - the "font: bold 10pt Arial;" are deprecated and will work in IE but not firefox or opera


You may join C4G forum( just click the link at the bottom of this forum) check more info, learn more. thumbup. cheergirl

Navigation

[0] Message Index