Banner Advertisment Code Request

  • G’Day,
    I am intersted in putting a 234×60 ( half banner ) in the header, I would like it RIGHT aligned and evenly spaced in the 105 pixel height header and about 10 pixels from the right hand side. However, I do not want it to mess with the location of the header text.
    If someone can please let me know how to do this.. the code additions and changes. It would be greatly appreciated. Thanks in advance.
    You can view the upcoming blog here – https://www.gravityworks.us/a.wpblog/ ( please excuse the look as I am probably working on it. )
    Kind regards,
    Stephen

Viewing 15 replies - 1 through 15 (of 54 total)

  • I would add a new div for the header. So it did not conflict with the h1 header I would call it #masthead. It would open just before the h1 and close right after it.
    Then in the new masthead div I would place my image. In the src tag I would define a class=”adbanner”. In the CSS I would go:
    .ad banner { float: right; margin 10px; }
    Or something.
    Welcome to WordPress.

    Thread Starter gravity

    (@gravity)

    G’Day,
    Unfortunately my php skills are ‘ beginner ‘… Here is a copy of my index page:
    https://www.gravityworks.us/a.wpblog/wp-backup/index.txt
    Hit refresh twice, in case you see garble the first time.. ( odd ). When you have time could you copy and paste the changes you would make here. That I can follow.. thing is that the banner will not be an image, but it will be an url most likely to the php script running the banner rotation stuff. ( if that matters )
    I have been attmepting this, but I have yet to get the postitioning right and so forth.. it is just getting to be a hassle for me as a newb, and I would like it to remain fun and learn this time, from unfortunately someone else showing me.
    Kind regards,
    Stephen

    Thread Starter gravity

    (@gravity)

    Anyone else want to take a crack at this one?
    Kind regards,
    Stephen

    Looks cool to me. Thank you for supplying the missing part of the solution ??

    Thread Starter gravity

    (@gravity)

    G’Day,
    Well, another day another set of things to learn. Based on what you wrote above I can see it kind of working
    https://www.gravityworks.us/a.wpblog/
    as it does not want to appear in the header area itself. I added the #adbanner in the wp-layout.css. However, I am curious about <div id=”top”> Should there not be a setting also in the .css file that gives parameters to #top?
    We are almost there, we just need a bit more tweaking. Much appreciation for the help so far. Maybe we can bang this one out today.
    Kind regards,
    Stephen

    Thread Starter gravity

    (@gravity)

    Hello,
    Just want to say thanks before I get started here.. I do appreciate your help.
    Firefox.. well it looks great..
    IE – Bad news…
    You can check out the index.php file here:
    https://www.gravityworks.us/a.wpblog/wp-backup/index.txt
    and the CSS file here:
    https://www.gravityworks.us/a.wpblog/wp-layout.css
    any other suggestions are really welcomed.. I know this is all a matter of probably getting the tags and parameters correct, or maybe it is just that IE sux and ruins everyone’s day.. But, regardless it needs to work..
    Firefox really looks great…
    next???

    Well just hang on a minute. You are making brilliant progress. Now we are into fine tuning. Let me look.

    Thread Starter gravity

    (@gravity)

    Hello,
    Thanks for spending the time helping me. I removed the margin of 10px and I added a width: 234px; – still a no go in IE. And no matter what I write here never take it as I am getting upset. Unless I am ;). It’s all good.. the more we do the more I learn… the less I bother anyone in the future…
    I have to run to the store.. I will be back in 1 hour. If you can think of anything else, just place it here and I will start again once I get back.
    you can check the changes with the links above to the css.
    Appreciate your help.
    Kind regards,
    Stephen

    Thread Starter gravity

    (@gravity)

    **** PS.. Keep in mind that image will be replaced with a script later that will produce the image.. if that matters… ****

    Well we are right on the money nearly. IE 6 seems to want to clear the float before it starts the hi tag which might well be right according to the w3c spec. The h series of tags are very dominant and go where they want. I would now start to fiddle. First up I would set a width for the h1 tag as well in the css.
    If that fails I might add another div. and put the hi in there.

    Thread Starter gravity

    (@gravity)

    Not really following you on the hi vs the h1. I added an h1 to the css file down near the other h2 and h3 items. I am not sure what else to use as parameters other then width. Doing this did not change anything in IE.
    What is hi? and please write up what you mean by:
    add another tag… where? and what is this tags name? hi or h1?
    Kind regards,
    Stephen

    hi was a typo. Read h1.

    Thread Starter gravity

    (@gravity)

    Well, width was added.. to a css h1 tag in the wp-layout.css file and the h1 div was added as well without even a hint of change to IE..
    Maybe the doc header:
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml&#8221; lang=”en” xml:lang=”en”>
    Needs changes to it so that IE supports stuff better.. At this point I am a bit lost as to what to try next.. You have any more suggestions? Stupid IE..
    Kind regards,
    Stephen

    OK. Take a deep breath. Your top div is called top. but in the css there is a #header defined. This is a muddle. That header there defined has a width of 720 odd px;. Hence the screw up. Look at it carefully. David and I suggested a top box. You are going to call it top. Fine. My proposal is that the floated div is called adbanner. Fine. Just make sure the CSS matches up.
    WordPress already allocates the id header to the h1 tag.
    Finally although you want to get ahead and look neat the margin 10px; is going to screw up a number of browsers – so leave it out for the moment
    If we get the image top right and everything else running smoothly across browsers then we can adjust.

    Thread Starter gravity

    (@gravity)

    The header is defined at 746 so that the background image stretches across the entire field. If you change that number you end up with this:
    https://www.gravityworks.us/a.wpblog/
    I removed the top tag, cause i do not understand how adding a top tag is going to get the banner script on top of the background image it is only going to create an area above the background image called top.
    Understanding what you are writing is tough on this thing… so bare with me.. I also remove the h1 tag from the css page cause it was not doing anything…
    so please back up a minute and in detail tell me what you want me to do.. cause these tweak tests are not getting rid of the 1 problem that exists. ” the fact that IE does not want to float on top of the background image in the header.. which is silly..
    Thanks for your patience..
    Kind regards,
    Stephen

Viewing 15 replies - 1 through 15 (of 54 total)
  • The topic ‘Banner Advertisment Code Request’ is closed to new replies.