css anyone?
- Started
- Last post
- 30 Responses
- bhMedia
So this is my first shot at css and I'm trying to get these columns to flow to the bottom...Does my code look reasonably clean?...And how can I get those columns to stretch to the bottom? I'm trying this technique where you tile a bg image, but can't get it to work...Thanks in advance!...btw not working in firefox too :(
http://www.beachousemedia.net/wo…
http://www.beachousemedia.net/wo…
- version30
i just had an epileptic fit, expect a call from my lawyer.
why does the background change on mouseover?
- ********0
I'll usually just use straight tables to accomplish this.. by setting the table height = 100% and then the td height = 100%. I would assume that if you define the colomn height to 100% in css it should work?
- bhMedia0
it's doing that on firefox for some reason?...Not sure why...I'm close to just trashing it, starting over...Ummm...I mean don't you know that's the new style!!?
- bhMedia0
not that easy from what I've been reading...the background image, a plain solid 5px high bar should tile the 100% though and I can't get it to work...
- ********0
im reading tutorials on CSS too rite now... will soon start a website for a client completely CSS based.. lets hope it all goes smooth...
- bhMedia0
reading that ace, thanks. good luck 3r, hope it goes smoother than mine!...
- heavyt0
easy easy easy.
here we go; the only object that can be set reasonably to 100% is the body. there are hacks, but imho they arent the way to go. therefore, you just need to make the image, and put this in your body definition:
body{background: #fff url(images/yourBG.gif) repeat-y top center;}the #fff should match whatever colour you have on the edges of the image.
TR1
- bhMedia0
Heavy, iyho should I just start over or does the css look ok?..The more I tweak and try stuff the more I want to just start over before I get too sloppy...thanks btw i'll try that...
- Dancer0
I am doing my own site at the mo and learning a fuck of alot in the process. I wouldn't worry about your css being the slickest around. That comes with practice and also understanding what browsers do what (IE is shit).
When it looks correct then take a hard look at your code and see where the process can be streamlined. It's all about the learning process - hands on!
Doing what you are doing now is an excellent exercise and it's better to cock up on your own site than a client's.
Good luck
- heavyt0
i think that it is ok, but certainly it could be improved.
for instance, you are defining the font-family way too much. just set it once in the highest level element that you can. ie. 1 font - set it in the body. or if the left col uses 1, and the right col uses another, define it when you define those cols. it saves space, and makles it easier to edit later.TR1
- bhMedia0
thanks for the tips guys...got the divs to stretch to the bottom finally!!!...phew...all i did was set the "wrapper" divs to 100% as well as the body and well, shit I think about everything else I thought would help i did 100% to and it worked...don't know about other browsers, etc. yet but this progress is good...
- heavyt0
bh,
i also noticed that you were/are using PNGs. They wont show up in most browsers, so better to change them to GIFs or JPGs.
are you still workign from the same files?
if so, coudl you reupload them so that i can take a crack at your layout?
TR1
- bhMedia0
Ok so I'm not too happy yet I guess...looks fine when I test out of dw, uploaded looks horrible on firefox and one div's not stretching all the way on ie. feel free to bash on the cod heavy:
http://www.beachousemedia.net/wo…
http://www.beachousemedia.net/wo…
- bhMedia0
And yeah, I know about the png's just haven't swapped 'em yet :)
- heavyt0
bh,
i put together a basic structure for you. The idea was to keep it kind of simple, so that you have soemthing clean to start with.
http://www.tr1design.com/nt/bhMe…TR1
- bhMedia0
Holy crap! You've obviously pretty good at your css..I'm in debt with you heavy..thanks so much..That's more or less what I had in mind or was shooting for..did u change both files?...this is sweet I really owe ya...
- heavyt0
no problem. yeah, i changed the html and css files for you. hopefully you can get in there easily and do some tweaks.
i would also say that i highly recommend reading eric meyer's css books. That is where i picked up most of my knowledge.
ps. next time i am on PHX you can buy me a pint.TR1
- bhMedia0
I've heard good stuff about 'em. I've been reading the "zen of css" that goes with the zen site, pretty good but I'll check out eric meyers' book...I def owe ya a pint no prob...
- bhMedia0
heavy, my savior for the day!...leaving work now but I def owe ya big time....til next time