I am working on a new design for my web site. Currently it looks like this http://www.xebix.com/new/ (haven't quite gotten everything working in IE). I am trying to fill the borders on the bottom box with images that I cut from a solid image. I have searched around and haven't had much luck finding anything. I have four 1 pixel images that will go across the top, bottom, left and right sides. Here is a link to my style sheet http://www.xebix.com/new/includes/style.css. The code for the box starts at the .cssbox declaration. Thanks.
![[H]ard|Forum](/styles/hardforum/xenforo/logo_dark.png){kind=logo}
-
Some users have recently had their accounts hijacked. It seems that the now defunct EVGA forums might have compromised your password there and seems many are using the same PW here. We would suggest you UPDATE YOUR PASSWORD and TURN ON 2FA for your account here to further secure it. None of the compromised accounts had 2FA turned on.
Once you have enabled 2FA, your account will be updated soon to show a badge, letting other members know that you use 2FA to protect your account. This should be beneficial for everyone that uses FSFT.
CSS Help
- Thread starter Xebix
- Start date
Bump. Anyone have any ideas?
Here are the images i am trying to use to fill in the sides
top image
bottom image
left image
right image
Here are the images i am trying to use to fill in the sides
top image
bottom image
left image
right image
well you have several options, two of which are pretty common:
1. make a table with the correct tr and td assigned the background images you want, with the middle td containing the repeating background image (table in html, css for design assigments)
2. make seperate divs for each image. this is like making a table out of divs. you start by making one div that's the container for that content, so it's the full size, like your preexisting ".cssbox" and then add the correctly aligned divs as needed to create your final asembly.
either way, what you need is a place to asign those images as repeating background content.
1. make a table with the correct tr and td assigned the background images you want, with the middle td containing the repeating background image (table in html, css for design assigments)
2. make seperate divs for each image. this is like making a table out of divs. you start by making one div that's the container for that content, so it's the full size, like your preexisting ".cssbox" and then add the correctly aligned divs as needed to create your final asembly.
either way, what you need is a place to asign those images as repeating background content.
PopeKevinI
2[H]4U
- Joined
- Mar 25, 2002
- Messages
- 2,880
^^^^
I'd go with #2. I've found that any layout problems can be fixed by wrapping you content in however many divs it takes, and then you aren't tying yourself down with tables
I'd go with #2. I've found that any layout problems can be fixed by wrapping you content in however many divs it takes, and then you aren't tying yourself down with tables
PopeKevinI
2[H]4U
- Joined
- Mar 25, 2002
- Messages
- 2,880
Something else I've seen done a lot in tutorials is to make a div for each image, and set the image as the background. So you have four divs, each one with different background properties. They can be as large as your content div, and then just pad you content so it doesn't run over your border. Does that make sense at all?