Image not visible in Firefox

Discussion in 'HTML' started by kronrn@yahoo.com, Aug 1, 2006.

  1. Guest

    Hi

    I wonder if anyone could help me. This html doesn't show the image (the
    background-image) in the second column in Firefox.

    <table border="0" cellpadding="0" cellspacing="0" style="height: 70px">
    <tr>
    <td valign="top" colspan="2"><img id="ctl00_Header1_imgLogo"
    src="images/Logo1.jpg" style="border-width:0px;" /></td>
    <td width="100%"
    style="background-image:url(images/bg1.jpg);">&nbsp</td></tr>
    </table>

    If anyone has any pointers I'd appreciate your input.

    many thanks

    Ron
    , Aug 1, 2006
    #1
    1. Advertising

  2. Els Guest

    wrote:

    > Hi
    >
    > I wonder if anyone could help me. This html doesn't show the image (the
    > background-image) in the second column in Firefox.
    >
    > <table border="0" cellpadding="0" cellspacing="0" style="height: 70px">
    > <tr>
    > <td valign="top" colspan="2"><img id="ctl00_Header1_imgLogo"
    > src="images/Logo1.jpg" style="border-width:0px;" /></td>
    > <td width="100%"
    > style="background-image:url(images/bg1.jpg);">&nbsp</td></tr>
    > </table>
    >
    > If anyone has any pointers I'd appreciate your input.


    First, set a background-color, to check if it is a problem with the
    image, or with your code. If the background-color works, go on to
    check if the url to the image actually points to the image, iow, did
    you upload that image with that name to that place?

    Other than that - please provide a url to a (non-)working example :)

    --
    Els http://locusmeus.com/

    Now playing: Rush - Digital Man
    Els, Aug 1, 2006
    #2
    1. Advertising

  3. <> scripsit:

    > I wonder if anyone could help me. This html doesn't show the image
    > (the background-image) in the second column in Firefox.


    If you insert, for testing, <img src="url(images/bg1.jpg)" alt="Huh?">,
    you'll see whether Firefox can get the image in the first place. But...

    > <table border="0" cellpadding="0" cellspacing="0" style="height:
    > 70px"> <tr>
    > <td valign="top" colspan="2"><img id="ctl00_Header1_imgLogo"
    > src="images/Logo1.jpg" style="border-width:0px;" /></td>
    > <td width="100%"
    > style="background-image:url(images/bg1.jpg);">&nbsp</td></tr>
    > </table>


    .... you should probably start from fixing the markup. Why are you using such
    bulky presentational trickery if you are using CSS anyway? And invalid
    markup at that. Is this logically the main heading? Use <h1> then, and style
    it. Or is it just a logo bar that appears at the start of every page? Using
    <div class="logo"><img alt="...." src="..." ...></div> with a little bit of
    CSS should suffice then. There's hardly any need to use a layout table here.

    --
    Jukka K. Korpela ("Yucca")
    http://www.cs.tut.fi/~jkorpela/
    Jukka K. Korpela, Aug 1, 2006
    #3
  4. Guest

    Els wrote:

    > wrote:
    >
    > > Hi
    > >
    > > I wonder if anyone could help me. This html doesn't show the image (the
    > > background-image) in the second column in Firefox.
    > >
    > > <table border="0" cellpadding="0" cellspacing="0" style="height: 70px">
    > > <tr>
    > > <td valign="top" colspan="2"><img id="ctl00_Header1_imgLogo"
    > > src="images/Logo1.jpg" style="border-width:0px;" /></td>
    > > <td width="100%"
    > > style="background-image:url(images/bg1.jpg);">&nbsp</td></tr>
    > > </table>
    > >
    > > If anyone has any pointers I'd appreciate your input.

    >
    > First, set a background-color, to check if it is a problem with the
    > image, or with your code. If the background-color works, go on to
    > check if the url to the image actually points to the image, iow, did
    > you upload that image with that name to that place?
    >
    > Other than that - please provide a url to a (non-)working example :)
    >
    > --
    > Els http://locusmeus.com/
    >
    > Now playing: Rush - Digital Man


    Thanks for the quick response Els, very much appreciated :)

    I tried the things you suggested without success. setting the
    background color worked, the image was in the right place.

    Strange thing though, it now appears to be working!

    Not sure what I did because the markup is the same, perhaps I didn't
    copy everything to the server, that particular image anyway.

    The site is only on my development server at the moment so I'm uable to
    post a url just now.

    Thanks again for your help on this.

    Ron
    , Aug 1, 2006
    #4
  5. Guest

    Jukka K. Korpela wrote:

    > <> scripsit:
    >
    > > I wonder if anyone could help me. This html doesn't show the image
    > > (the background-image) in the second column in Firefox.

    >
    > If you insert, for testing, <img src="url(images/bg1.jpg)" alt="Huh?">,
    > you'll see whether Firefox can get the image in the first place. But...
    >
    > > <table border="0" cellpadding="0" cellspacing="0" style="height:
    > > 70px"> <tr>
    > > <td valign="top" colspan="2"><img id="ctl00_Header1_imgLogo"
    > > src="images/Logo1.jpg" style="border-width:0px;" /></td>
    > > <td width="100%"
    > > style="background-image:url(images/bg1.jpg);">&nbsp</td></tr>
    > > </table>

    >
    > ... you should probably start from fixing the markup. Why are you using such
    > bulky presentational trickery if you are using CSS anyway? And invalid
    > markup at that. Is this logically the main heading? Use <h1> then, and style
    > it. Or is it just a logo bar that appears at the start of every page? Using
    > <div class="logo"><img alt="...." src="..." ...></div> with a little bit of
    > CSS should suffice then. There's hardly any need to use a layout table here.
    >
    > --
    > Jukka K. Korpela ("Yucca")
    > http://www.cs.tut.fi/~jkorpela/


    Hi Jukka, thanks for getting back to me so quickly :)

    I'm afraid I'm not really very good with html and css, there are a
    great many gaps in my knowledge and I'm experimenting at the moment,
    trying to learn more.

    It is as you say just a logo bar with an image to the right to pad out
    to the right side of the page. As I said to Els though it appears to be
    working now. I will look into your suggestion for a better approach
    with <div> etc.

    Thanks for your help Jukka

    Ron

    P.S. removing colspan=2 from the first <td> seemed to help.
    , Aug 1, 2006
    #5
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. tshad

    button visible/not visible

    tshad, Oct 26, 2004, in forum: ASP .Net
    Replies:
    6
    Views:
    4,418
    Brian Hoops
    Oct 28, 2004
  2. tshad

    Sections visible and not visible

    tshad, Jan 31, 2005, in forum: ASP .Net
    Replies:
    4
    Views:
    2,039
    tshad
    Jan 31, 2005
  3. Patrick Olurotimi Ige
    Replies:
    7
    Views:
    5,931
    Patrick Olurotimi Ige
    Jun 15, 2005
  4. tshad
    Replies:
    1
    Views:
    4,212
    tshad
    Oct 31, 2009
  5. Jurjen de Groot
    Replies:
    0
    Views:
    284
    Jurjen de Groot
    May 19, 2008
Loading...

Share This Page