BG Background image Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
4 posters

    BG Background image

    RPM
    RPM
    RPM
    Forumember


    Posts : 375
    Reputation : 7
    Language : EN
    • Post n°1

    Solved BG Background image

    Post by RPM March 4th 2013, 8:41 am

    Hello,
    How would i add an image to be the background of a CSS Table, if so, can i just leave the border color and BG color blank, so text just appears on the image? Thanks.
    • Back to top
    Cassius Dio
    Cassius Dio
    Cassius Dio
    Forumember


    Male Posts : 581
    Reputation : 79
    Language : Romanian &English
    Location : Yellow Submarine
    • Post n°2

    Solved Re: BG Background image

    Post by Cassius Dio March 4th 2013, 9:03 am

    Hi! Very Happy

    Can you please post here the HTML codes you're trying to add a background image or a screenshot by inserting that table? Thanks.
    • Back to top
    RPM
    RPM
    RPM
    Forumember


    Posts : 375
    Reputation : 7
    Language : EN
    • Post n°3

    Solved Re: BG Background image

    Post by RPM March 4th 2013, 9:24 am

    Just a regular table....
    Code:

    [table width="100%" style="padding: 3px; border-radius: 5px; border: 2px dashed #990994; background: #grey;"][tr][td][/td][/tr][/table]
    • Back to top
    Cassius Dio
    Cassius Dio
    Cassius Dio
    Forumember


    Male Posts : 581
    Reputation : 79
    Language : Romanian &English
    Location : Yellow Submarine
    • Post n°4

    Solved Re: BG Background image

    Post by Cassius Dio March 4th 2013, 9:28 am

    Try this:
    Code:
    [table width="100%" style="padding: 3px; border-radius: 5px; border: 2px dashed #990994; background: url(URL adress of your image);"][tr][td][/td][/tr][/table]
    Instead of URL adress of your image add your background image. Wink
    • Back to top
    RPM
    RPM
    RPM
    Forumember


    Posts : 375
    Reputation : 7
    Language : EN
    • Post n°5

    Solved Re: BG Background image

    Post by RPM March 4th 2013, 9:52 am

    Thanks. I`ll try this once my request it finished, and i can test it.
    • Back to top
    RPM
    RPM
    RPM
    Forumember


    Posts : 375
    Reputation : 7
    Language : EN
    • Post n°6

    Solved Re: BG Background image

    Post by RPM March 5th 2013, 2:24 pm

    Doesn`t work. It comes up as a regular table, with the URL and other info below it, as reg. text.
    • Back to top
    Nera.
    Nera.
    Nera.
    Energetic


    Female Posts : 7078
    Reputation : 2017
    Language : English
    Location : -
    • Post n°7

    Solved Re: BG Background image

    Post by Nera. March 6th 2013, 5:08 am

    Hi there,

    RPM wrote:

    Code:
    [table border="0" style="width:70%;border-radius:10px;margin: 0 auto;background:url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRy1_OxksKb8MbnrCiLagbb6pvxwQftuvFIV3TYftK-Zd1tvbTXwg)"]
    [tr]
    [td] [center]This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.[/center][/td]
    [/tr]
    [/table]

    Example of it working::

    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.

    Hope that is what you needed.

    LP
    • Back to top
    RPM
    RPM
    RPM
    Forumember


    Posts : 375
    Reputation : 7
    Language : EN
    • Post n°8

    Solved Re: BG Background image

    Post by RPM March 6th 2013, 8:07 am

    Nera. wrote:Hi there,

    RPM wrote:

    Code:
    [table border="0" style="width:70%;border-radius:10px;margin: 0 auto;background:url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRy1_OxksKb8MbnrCiLagbb6pvxwQftuvFIV3TYftK-Zd1tvbTXwg)"]
    [tr]
    [td] [center]This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.[/center][/td]
    [/tr]
    [/table]
    Example of it working::

    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.
    This is a table with a background behind it.

    Hope that is what you needed.

    LP

    Thanks! I never though that an old staff member would still be here, helping out.
    • Back to top
    Nera.
    Nera.
    Nera.
    Energetic


    Female Posts : 7078
    Reputation : 2017
    Language : English
    Location : -
    • Post n°9

    Solved Re: BG Background image

    Post by Nera. March 6th 2013, 8:15 am

    I bump in once in a while. Glad I helped (:
    • Back to top
    Sir Chivas™
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


    Male Posts : 6980
    Reputation : 457
    Language : EN, FR, ES
    Location : || CSS || HTML || Graphics Designs || Support ||
    • Post n°10

    Solved Re: BG Background image

    Post by Sir Chivas™ March 6th 2013, 8:34 am

    Nera! Thank you Smile

    Topic Solved & Locked
    • Back to top