php forum
php mysql forum
php mysql smarty
 
Topic Options
#268003 - 01/25/04 04:17 PM CSS 101
J.C. Offline
Addict

Registered: 08/11/00
Posts: 1551

   CSS 101 to Del.icio.us Add to del.icio.us
  Digg CSS 101 Digg it
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 <img src="http://www.ubbdev.com/forum/images/graemlins/tongue.gif" alt="" /> <br /> <br />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. <br /> <br />.tag-name { <br /> background-image: url(/path/to/image.gif,jpg,png,jpeg); <= path to image. <br /> <br /> 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. <br /> <br /> 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; . <br /> <br />background-color: #ffffff; <= this is fairly straight forward. <br /> <br />height: 25px; <= size of image used. <br /> <br />width: 25px; <= size of image used. <br />} <br /> <br />Hope this helps <img src="http://www.ubbdev.com/forum/images/graemlins/smile.gif" alt="" />


Edited by J.C. (01/25/04 04:38 PM)
_________________________
- Groupee Moderator
- Custom Web Development
http://www.JCSWebDev.com

Top
#268004 - 01/25/04 05:52 PM Re: CSS 101 [Re: chrisX]
scroungr Offline
Old Hand

Registered: 10/17/03
Posts: 2409
Loc: Richmond, VA
thanx Daddy can we have that Sex Talk next? <img src="http://www.ubbdev.com/forum/images/graemlins/wink.gif" alt="" />
_________________________
Couchtomatoe - www.couch-tomatoe.cc
My abilities are for hire for installs, upgrades, custom themes and custom modifications.

Top
#268005 - 01/25/04 06:14 PM Re: CSS 101 [Re: 234234]
J.C. Offline
Addict

Registered: 08/11/00
Posts: 1551
Sex? Hmmmmmmmmm I vaguely remember something about that, before I started web design and coding..lol
_________________________
- Groupee Moderator
- Custom Web Development
http://www.JCSWebDev.com

Top
#268006 - 01/25/04 07:00 PM Re: CSS 101 [Re: chrisX]
AllenAyres Administrator Offline
I type Like navaho

Registered: 03/10/00
Posts: 25411
Loc: Texas
thanks for the pointers <img src="http://www.ubbdev.com/forum/images/graemlins/smile.gif" alt="" />
_________________________
- Allen wavey
- What Drives You?

Top
#268007 - 01/25/04 07:09 PM Re: CSS 101 [Re: SurfMinister]
J.C. Offline
Addict

Registered: 08/11/00
Posts: 1551
<img src="http://www.ubbdev.com/forum/images/graemlins/smile.gif" alt="" />
_________________________
- Groupee Moderator
- Custom Web Development
http://www.JCSWebDev.com

Top
#268008 - 03/16/04 08:46 PM Re: CSS 101 [Re: chrisX]
J.C. Offline
Addict

Registered: 08/11/00
Posts: 1551
Another lil tidbit...<br /><br />Have you ever seen the border around an image in a post, because it was used as a link to somewhere else? <br /><br />.post IMG {<br />border-width: 0px;<br />}<br /><br />Should get rid of it <img src="http://www.ubbdev.com/forum/images/graemlins/smile.gif" alt="" />
_________________________
- Groupee Moderator
- Custom Web Development
http://www.JCSWebDev.com

Top
#268009 - 03/17/04 12:25 AM Re: CSS 101 [Re: chrisX]
JoshPet Offline
I type Like navaho

Registered: 11/29/01
Posts: 11330
Loc: Charlotte, NC
Good tip. Thanks.
_________________________
Joshua Pettit
www.JoshuaPettit.com
My abilities are for hire.

Top
#268010 - 03/19/04 01:02 AM Re: CSS 101 [Re: Daine]
J.C. Offline
Addict

Registered: 08/11/00
Posts: 1551
If you have struggled like I have with HR's in all different browsers, this way seems to be the best.<br /><br />hr {<br /> background-color: #EEEEEE;<br /> border: 0;<br /> color: #EEEEEE;<br /> height: 1px;<br /> width: 80%;<br />}<br /><br />If like me, you want it thin.
_________________________
- Groupee Moderator
- Custom Web Development
http://www.JCSWebDev.com

Top
#268011 - 03/24/04 02:16 PM Re: CSS 101 [Re: chrisX]
J.C. Offline
Addict

Registered: 08/11/00
Posts: 1551
Todays lil tip:<br /><br />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.
_________________________
- Groupee Moderator
- Custom Web Development
http://www.JCSWebDev.com

Top
#268012 - 05/13/04 01:24 PM Re: CSS 101 [Re: chrisX]
scroungr Offline
Old Hand

Registered: 10/17/03
Posts: 2409
Loc: Richmond, VA
let me add this site I use it alot to understand CSS<br />as a reference<br /><br />http://www.blooberry.com/indexdot/css/index.html<br /><br />and<br /><br />for html <br /><br />http://www.blooberry.com/indexdot/html/index.html
_________________________
Couchtomatoe - www.couch-tomatoe.cc
My abilities are for hire for installs, upgrades, custom themes and custom modifications.

Top
#268013 - 10/24/04 02:48 AM Re: CSS 101 [Re: 234234]
kristiet Offline
Junior Member

Registered: 10/08/04
Posts: 18
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.<br /><br />is there somewhere that i can tell the page to do an automatically refresh after each page change?

Top


Top Posters Last 30 Days
AllenAyres 13
Gizmo 10
willing 2
S7ARBVCK 2
MattUK 1
Kevin H 1
tackaberry 1
Who's Online
1 Registered (Gizmo), 31 Guests and 10 Spiders online.
Key: Admin, Global Mod, Mod
Shout Box

Latest Posts
Noob - need help, or a reality check!
by Gizmo
Yesterday at 03:21 AM
Here I am! Rock me like a Hurricane!
by AllenAyres
09/02/08 03:05 PM
[7.x] Generic Page Outside of forum directory
by Gizmo
08/30/08 05:43 PM
Team UBBDev Rides Again!
by Gizmo
08/28/08 11:45 PM
Multiple Identity Detector
by MattUK
08/28/08 04:10 PM
[7.3.x] ubb.links
by AllenAyres
08/26/08 09:57 AM
Installing FlashChat with 7.3
by Gizmo
08/23/08 05:36 AM
New Mods
Installing FlashChat with 7.3
by Paug
08/23/08 12:14 AM
[7.3.x] ubb.links
by AllenAyres
06/20/08 11:50 PM
[7.2.1] - Naked shoutbox
by sirdude
08/17/07 10:36 PM
[7.x] Generic Page Outside of forum directory
by
01/14/07 10:58 PM
Multiple Identity Detector
by
12/30/06 06:39 PM
Newest Members
veedubb8, twentyseven, Claus1, welcomeback1, Paug
13327 Registered Users

 

 

 
fusionbb message board php hacks