Hey i was wondering what the css code is for like ryan brills sites have a graphical border on the left and right side of which looks like a container div. I think it looks great and have seen many other of my favorite sites use this technique.
Also how big does the image have to be. Im sure i seen how to do this on ALA but i cant find it now.
Any help is appreciated.The ALA article you're talking about is called, "Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->)."Cheers thanks jona but i didnt understand abit of it. I dont know where to add the code to the container or to my left content div and right content div.
Thanks againFrankly, I don't either... I'd play around with the end result code and see what you can come up with, and then ask a less general question.Originally posted by Jona
The ALA article you're talking about is called, "Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->)."
Actually that's wrong. The link you posted is about making a second column appear to be the same length as a longer one that's right next to it.
Ryan's site isn't doing this because the white background can be defined throughout a container <div>. Not saying that's how he did it because I'm not looking at the code right now. I'm just using the idea.
Anyway, what I think they are talking about is the border that's on the ousite of the container <div> area. Basically what the person does is defines a container to be something like 750px wide and then they create a background image that wide, but fairly small height wise. They then repeat the image vertically to give it the left and right sides. Add a bacground image in the header and footer and it gives a feel for the whole container type area.
Sorry if this sounds jumbled. If I had more time I would explain it better. Just go right click on the image that's a "border" on the sides and click on "View background image" to start to see what I'm talking about.Spufi, if you scroll down farther in that article, it explains that background image technique. It was the correct article linked by Jona.Hey thanks guys ill have a play with the end code jona and i will check out what spufi said.
Thanks again guys.
Also how big does the image have to be. Im sure i seen how to do this on ALA but i cant find it now.
Any help is appreciated.The ALA article you're talking about is called, "Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->)."Cheers thanks jona but i didnt understand abit of it. I dont know where to add the code to the container or to my left content div and right content div.
Thanks againFrankly, I don't either... I'd play around with the end result code and see what you can come up with, and then ask a less general question.Originally posted by Jona
The ALA article you're talking about is called, "Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->)."
Actually that's wrong. The link you posted is about making a second column appear to be the same length as a longer one that's right next to it.
Ryan's site isn't doing this because the white background can be defined throughout a container <div>. Not saying that's how he did it because I'm not looking at the code right now. I'm just using the idea.
Anyway, what I think they are talking about is the border that's on the ousite of the container <div> area. Basically what the person does is defines a container to be something like 750px wide and then they create a background image that wide, but fairly small height wise. They then repeat the image vertically to give it the left and right sides. Add a bacground image in the header and footer and it gives a feel for the whole container type area.
Sorry if this sounds jumbled. If I had more time I would explain it better. Just go right click on the image that's a "border" on the sides and click on "View background image" to start to see what I'm talking about.Spufi, if you scroll down farther in that article, it explains that background image technique. It was the correct article linked by Jona.Hey thanks guys ill have a play with the end code jona and i will check out what spufi said.
Thanks again guys.