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.

h1 with image not rendering

Discussion in 'CSS' started by TobyRT, Mar 6, 2007.

  1. #1
    Hi,

    I'm quite new to CSS - I'm in the process of redesigining my whole site to use CSS and by and large it's gone quite well, but I'm having a couple of problems. This one in particular is driving me mad as it only appears to happen on my machine.

    http://testbench.thesyp.org.uk

    In the bottom left you should see "Legend Press Blog" with double horizontal lines above and below, and a little icon on the left hand side. This works on every browser I've tested on every machine - Mac Safari, IE6 & Firefox plus PC Opera, FF and IE6 & 7.

    For some reason, however, it won't display on mine at home. I thought it might be something odd with my Windows installation, but I rebuilt my machine last week and I'm still having the same issue. Could anyone make any suggestions as to what's causing this please?

    This is the code:
    <h1><img src="images/sponsors/lp_icon.jpg" width="28" height="35" align="left">Legend Press Blog </h1>
    HTML:
     
    TobyRT, Mar 6, 2007 IP
  2. TobyRT

    TobyRT Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Sorry - forgot to paste in my h1 style

    and here is the h1 style:

    h1 {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    margin-bottom: 3px;
    border-bottom-width: 3px;
    border-bottom-style: double;
    border-bottom-color: #0047B3;
    border-top-width: 3px;
    border-top-style: double;
    border-top-color: #0047B3;
    }
     
    TobyRT, Mar 6, 2007 IP
  3. tolra

    tolra Active Member

    Messages:
    515
    Likes Received:
    36
    Best Answers:
    1
    Trophy Points:
    80
    #3
    As it's only a problem on your machine are you running a firewall if so is it ad blocking the image?

    Have you tried removing the width= and height= from the img tag?
     
    tolra, Mar 6, 2007 IP
  4. TobyRT

    TobyRT Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hadn't thought of the ad blocking - might try it without it, but weird that friends who use the same AV as me (have used both ZoneAlarm and Norton IS 05) have not had the problem.

    Taking the width etc out sadly had no effect :(
     
    TobyRT, Mar 6, 2007 IP
  5. tolra

    tolra Active Member

    Messages:
    515
    Likes Received:
    36
    Best Answers:
    1
    Trophy Points:
    80
    #5
    Removing the width and height normally circumvents ad blockers unless they don't like a word in the URL.

    The alternative is to set the image as a background to the H1 tag and remove the img tag. It's the way I would do it.
     
    tolra, Mar 6, 2007 IP
  6. Garve

    Garve Peon

    Messages:
    62
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Norton blocks images with the word sponsors in the url - it took me a while to suss that out!
     
    Garve, Mar 6, 2007 IP
  7. TobyRT

    TobyRT Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    You, Garve, are consarned genius!!

    Worked a treat - thank you so much!!!!
     
    TobyRT, Mar 6, 2007 IP