1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Some help with alignment of adsense

Discussion in 'HTML & Website Design' started by normanmiller, Jun 16, 2005.

0
  1. #1
    Hi all. I was wondering if some one could help me align a google adsense on my blog. The blog is here: http://aboveblack.blogspot.com. I have websites like this but they all have the same issue. The 336X280 ad is centered at the top of the page, but what I want to do is move the adsense ad over to the left so that it lines up with the date right below it. I have tried <left> and this pulls the ad over way too far and it overlaps. I want it right where you would see the "Thursday", I want the adsense to line up right above the "T". Is this possible? I would sure appreciate the help.

    Much thanks!

    Norman :eek:
     
    normanmiller, Jun 16, 2005 IP
  2. hans

    hans Well-Known Member

    Messages:
    2,923
    Likes Received:
    126
    Best Answers:
    1
    Trophy Points:
    173
    #2
    style for your Thursday is:

    .date-header {
    margin:0 28px 0 43px; ....

    create a new CSS style class with same boder values

    .google {
    margin:0 28px 0 43px;
    background:#ffff00;
    }

    hence the final version will be

    .google {
    margin:0 28px 0 43px;
    }

    since Google TOS require original code - changing style of ads by stye surely is against TOS. hence all other style code is removed except the positioning

    the background color I chose only to actually display the exact location - after testing you remove the background color.

    this a.m. style shows it exactly where you want it
    if you have OTHER pages or adsense formats - just look at the style of THAT part which you like to be synchronized with your google adsense
     
    hans, Jun 17, 2005 IP
  3. normanmiller

    normanmiller Peon

    Messages:
    54
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank you Hans! I really appreciate your help. I will try the fix on a backup blog of mine to see how it looks. Not home right now to implement the change.

    Your the best.

    Norman
     
    normanmiller, Jun 17, 2005 IP
  4. hans

    hans Well-Known Member

    Messages:
    2,923
    Likes Received:
    126
    Best Answers:
    1
    Trophy Points:
    173
    #4
    while i had it easy by simply using your entire source code of the full page in my quanta plus editor

    you may have to look at your CSS style sheets if you have separate ones

    finally it wil be easy to change when at home on your computer

    good luck
     
    hans, Jun 17, 2005 IP
  5. normanmiller

    normanmiller Peon

    Messages:
    54
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Call me HTML stupid

    Could you cut and paste how that would look in my source code. If I see how it would look I could duplicate it

    Thanks!
     
    normanmiller, Jun 17, 2005 IP
  6. hans

    hans Well-Known Member

    Messages:
    2,923
    Likes Received:
    126
    Best Answers:
    1
    Trophy Points:
    173
    #6
    Norman

    when you open the source code of your page in a browser - you see in the upper part of page the section

    /* Posts
    ----------------------------------------------- */
    .date-header {
    margin:0 28px 0 43px;
    font-size:85%;
    line-height:2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#357;
    }
    .post {
    margin:.3em 0 25px;
    padding:0 13px;
    border:1px dotted #bbb;
    border-width:1px 0;
    }

    ....... and more style follows here .......

    hence here you add the style-code for Google adsense I posted earlier


    finally it looks like

    /* Posts
    ----------------------------------------------- */
    .google {
    margin:0 28px 0 43px;
    }
    .date-header {
    margin:0 28px 0 43px;
    font-size:85%;
    line-height:2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#357;
    }
    .post {
    margin:.3em 0 25px;
    padding:0 13px;
    border:1px dotted #bbb;
    border-width:1px 0;
    }

    ---------

    and since you are already working on the source code

    ...

    you will also see that you have TWO <head> - sections - 1 TOO many !!!

    remove the second one

    validate your page at

    validator.w3.org

    and may be now its time to start at the very basics ...
    to learn basic web design
    to optimize and correct your code and your content pages

    your brief look at the validation results

    http://validator.w3.org/check?verbose=1&uri=http://aboveblack.blogspot.com/

    shows you there are plenty of fatal errors in your code - hence there is plenty of basic stuff to learn and then to correct step by step all page until fully validated pages result

    your optical problem with google adsense is just the very least important of all !! or purely cosmetic nature

    the rest of thepresently 228 errors is really fatal and of utmost importance to be fixed and cleaned up for a successful and competitive web site.

    to be successful in web-publishing you need to be HTML-smart ! there are many excellent online tutorials out on the web, such as

    http://w3schools.com/
    or
    http://en.selfhtml.org/
    and certainly others as well

    goog luck
     
    hans, Jun 17, 2005 IP
  7. normanmiller

    normanmiller Peon

    Messages:
    54
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Your right about so many things Han. I have reached the point that I have to spend the time to become html smart. I will take your advice to heart and start to teach myself html the right way. I appreciate all you have done for me and you have my sincere "thank you" for all your help and advice.

    Best Regards!

    Norman
     
    normanmiller, Jun 18, 2005 IP