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 3rd 2013, 9:41 pm

    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 3rd 2013, 10:03 pm

    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 3rd 2013, 10:24 pm

    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 3rd 2013, 10:28 pm

    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 3rd 2013, 10:52 pm

    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, 3:24 am

    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 5th 2013, 6:08 pm

    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 5th 2013, 9:07 pm

    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 5th 2013, 9:15 pm

    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 5th 2013, 9:34 pm

    Nera! Thank you Smile

    Topic Solved & Locked
    • Back to top

      Current date/time is November 11th 2024, 9:43 pm