InsaneJournal
Tweak says, "yeah, baby"
Username:
Password:
Remember Me
Create Account
IJ Login
OpenID Login
Search by
:
Username
E-mail
Region
Interest
AOL IM
ICQ Number
Yahoo! ID
MSN Username
Jabber
View
Create Account
IJ Login
OpenID Login
Journal
Post
Edit Entries
Customize Journal
Comment Settings
Recent Comments
Manage Tags
Account
Manage Account
Viewing Options
Manage Profile
Manage Notifications
Manage Pictures
Manage Schools
Account Status
Friends
Edit Friends
Edit Custom Groups
Friends Filter
Nudge Friends
Invite
Create RSS Feed
Asylums
Post
Asylum Invitations
Manage Asylums
Create Asylum
Site
Support
Upgrade Account
FAQs
Search By Location
Search By Interest
Search Randomly
for beautiful you are my world (
relevant
) wrote in
rp_tutorials
,
@
2010
-
10
-
17
02:01:00
Hello everyone! I've been searching around lately and I can't seem to figure out how to make a table with a pattern background under a solid table for text. An example of what I'm talking about can be found
here
. Thank you in advance!
(
Read comments
) - (
Post a new comment
)
stomps
2010-10-17 08:07 am UTC
(
link
)
Ha, clicking that link was a trip. Unlike
et_synecdoche
's (perfectly serviceable!) code, I used inline CSS:
<table align="center" bgcolor="COLOR" cellpadding="7" cellspacing="9" width="65%" style="font-family:verdana, arial; font-size:10pt; background-image:url(BACKGROUND LINK HERE); background-attachment:scroll; background-repeat:repeat; background-position:top left;"><tr><td bgcolor="COLOR OF YOUR SOLID TABLE"> TEXT GOES HERE </td></tr></table>
Breakdown:
• the bgcolor in the initial TABLE tag is going to be covered by your pattern background, but I specified one in case someone has graphics turned off or my image stops working.
• background-attachment:scroll is going to make the image move as you page down; if you want the image to stay in a fixed position replace 'scroll' with 'fixed'.
• TD BGCOLOR needs to be specified in every cell; it's your solid color against the patterned image. Cellpadding and cellspacing are arbitrary numbers, but the bigger your cellspacing, the thicker/larger your background image will be.
I hope that helps! If you have Firefox you can always just highlight the area of code you want to look at, right-click and choose "View Selection Source". :]
(
Reply to this
)
(
Read comments
) -