UBB.Developers Forums UBB.threads 6 V6 Modifications CSS Styles and Themes CSS 101

Okay class pay attention. Here's a lil tip for all the shadetree style sheeters here. Mods and admins, go watch TV, we know you know this already

If you are placing an image in a cell for a wrapper or whatever other idea you have, you need to establish a few things in your css tag setup.

.tag-name {
background-image: url(/path/to/image.gif,jpg,png,jpeg); <= path to image.

background-position: left middle; <= if you do NOT want the image to repeat, or have a special place for it to start from before it repeats, this is very important.

background-repeat: no-repeat; <= this will only show the complete image (TD width/height permitting) and not "repeat" it all over the cell and/or table. The default is to repeat, so yes-repeat; is not used. You can also repeat it in one direction only. To repeat it horizontally and NOT vertically use repeat-x; To repeat it vertically and NOT horizontally, use repeat-y; .

background-color: #ffffff; <= this is fairly straight forward.

height: 25px; <= size of image used.

width: 25px; <= size of image used.
}

Hope this helps

thanx Daddy can we have that Sex Talk next?

Sex? Hmmmmmmmmm I vaguely remember something about that, before I started web design and coding..lol

thanks for the pointers

Another lil tidbit...

Have you ever seen the border around an image in a post, because it was used as a link to somewhere else?

.post IMG {
border-width: 0px;
}

Should get rid of it

Good tip. Thanks.

If you have struggled like I have with HR's in all different browsers, this way seems to be the best.

hr {
background-color: #EEEEEE;
border: 0;
color: #EEEEEE;
height: 1px;
width: 80%;
}

If like me, you want it thin.

Todays lil tip:

The best way to finish off your CSS sheet is to drop by w3c.org and validate it. This ensures proper coding as well as compatibility with a wider array of browsers.

let me add this site I use it alot to understand CSS
as a reference

http://www.blooberry.com/indexdot/css/index.html

and

for html

http://www.blooberry.com/indexdot/html/index.html

well, both of those are ok methods... they both work. the problem is that I have to hit refresh in order for the body background to show once I enter a category thread or if i go back... once i hit refresh, i can see the background.

is there somewhere that i can tell the page to do an automatically refresh after each page change?