Table Background Image

  • babovicj

    (@babovicj)


    14 years, 9 months ago

    This one is easy I supouse.
    I have HTML code for my table that works perfectly, and its simple:
    It looks like this:
    <img src=”http://rghost.net/10937911/thumb.png&#8221; />
    Full HTML code is this:

    <html>
<head>
<title>InstantSqueezeTemplates.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="251" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td valign="bottom"><img src="images/optin_01.png" width="251" height="83"></td>
  </tr>
  <tr>
    <td background="images/optin_02.png" valign="top">
      <table width="251" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="29">&nbsp;</td>
          <td width="194"><form name="form1" method="post" action="">
              <div align="center"><font size="2" face="Arial, Helvetica, sans-serif" color="#FFFFFF"><b>5 video materijala koji oktrivaju kako možete <u>svaki dan</u> jesti hranu koju volite, a uz to smr&scaron;ati <u>koliko god želite</u>! Unesite Va&scaron;e ime i email i prijavite se potpuno besplatno.</b></font></div>
                          <div align="center"> 

                <table width="190" border="0" cellspacing="7" cellpadding="0" height="62">
                  <tr>
                                <td height="2" width="29%">
                                  <div align="right"><font face="Tahoma" size="2"><b>ime:</b></font></div>
                                </td>
                                <td height="2" width="71%"><font face="Tahoma" size="2"><b> 

                      <input type="text" name="textfield" size="15">
                                  </b></font></td>
                  </tr>
                              <tr>
                                <td height="29" width="29%">
                                  <div align="right"><font face="Tahoma" size="2"><b>email:</b></font></div>
                                </td>
                                <td height="29" width="71%"><font face="Tahoma" size="2"><b> 

                      <input type="text" name="textfield2" size="15">
                                  </b></font></td>
                              </tr>
                            </table>
                            <br>
                            <input type="submit" name="Submit" value="Prijavi se">
                          </div>
                        </form>

            <div align="center"><font size="5" face="Tahoma"><b><font size="2" color="#FFFF00">SIGURNOST
              & BEZBEDNOST</font></b><br>
              </font><font size="1" face="Tahoma">Mi mrzimo spam isto kao i Vi.</font> <font size="1" face="Tahoma">Va&scaron;a email adresa kod nas je potpuno bezbedna. </font></div>
          </td>
          <td width="28">&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td valign="top"><img src="images/optin_04.png" width="251" height="32"></td>
  </tr>
</table>
</body>
</html>

    But, when I copy this code to wordpress widget it doesn’t show td background images/optin_02.png …… As you can see @ http://www.kakosmrsati.net on the left side.

    Help? 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • robseipp

    (@rseipp718)

    14 years, 9 months ago

    Thread Starter babovicj

    (@babovicj)

    14 years, 9 months ago

    reeipp718, You posted blank post?

    robseipp

    (@rseipp718)

    14 years, 9 months ago

    I didn’t read your post fully and provided a solution you already tried. idk how to delete posts lol. It’s odd though cause it’s working on my end. Try it using an external stylesheet or try adding
    <?php bloginfo('stylesheet_directory'); ?>/
    so it would look like
    <td background="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="" id="logo">

    Thread Starter babovicj

    (@babovicj)

    14 years, 9 months ago

    Haha, okay. Thanks for trying to help, but no results!

    I found something interesting right now. When I post this code to “Add New Post” it shows up… But when I click “Publish”, the middle part dissaperas. Like the widget, too.

    WTF?

    Thread Starter babovicj

    (@babovicj)

    14 years, 9 months ago

    Here, I found something that makes my middle image shows up..

    http://en.forums.wordpress.com/topic/how-to-change-background-color-of-a-table-to-white

    This code displays background:
    <img style="background-image:none;” src=" http://www.kakosmrsati.net/wp-content/themes/kakosmrsati/Slike/optin_02.png” />
    But now, I cant match the whole widget code properly… Help?

    Thread Starter babovicj

    (@babovicj)

    14 years, 9 months ago

    S.O.L.V.E.D

    Just changed this:
    <td background="http://www.kakosmrsati.net/wp-content/themes/kakosmrsati/Slike/optin_02.png" valign="top">

    To this:
    <td style="background: url(http://www.kakosmrsati.net/wp-content/themes/kakosmrsati/Slike/optin_02.png)" valign="top">

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Table Background Image’ is closed to new replies.