OSNN Forum » Arts & Crafts » Web Design & Coding » Css, lost already
Reply
Old April 2nd, 2003 Top | #1
03bigMark03
 
03bigMark03's Avatar
Unregistered
Posts: n/a

Default Css, lost already
Hi there, I'm redesigning http://www.potton-delph.co.uk , as you can see from the thread above.

I just learnt that I could use CSS and have read a tutorial and have a basic idea of how everything fit's together but i'm totally lost when it comes to practice. If you guys could provide a working example that would be great.

Cheers.

Mark.
  Reply With Quote
Old April 2nd, 2003 Top | #2
 
SPeedY_B's Avatar
I may actually be insane.
Joined: March 2002
Location: Midlands, England
Posts: 15,800
Reputation: 2877
Power: 307
Default
If you just want an example here's a sheet I've just finished (along with XHTML 1.1 compliancy) for my webcam portal (link in sig)
Code:
body {
  font-family: Verdana, arial, sans-serif;
  color: #000000;
  font-size: 10px;
  background-color: #FFFFFF;
}
td {
  font-family: Verdana, arial, sans-serif;
  color: #000000;
  font-size: 10px;
  background-color: #FFFFFF;
}
a:link { 
  color: #000000; 
  background: transparent
}
a:visited { 
  color: #282828;
  background: transparent
}
a:active { 
  color: #FF0000;
  background: transparent
}
.titles {
  background-color: #000000;
  font-family: Verdana, arial, sans-serif;
  color: #FFFFFF;
  font-size: 10px;
  background: url("img/BG.png");
  background-repeat: repeat-x;
  border-bottom: 0px #000000 solid;
}
.btable {
  border: 1px #000000 solid;
  width: 140px;
}
.maintable {
  border: 1px #000000 solid;
  width: 400px;
}
.maindiv {
  text-align: center;
}
SPeedY_B is offline   Reply With Quote
Old April 3rd, 2003 Top | #3
 
Kevin Ar18's Avatar
OSNN Senior Addict
Joined: February 2002
Posts: 300
Reputation: 0
Power: 125
Default
And of course the following code (without the period at the beginning) would apply to the <body> tag that's part of regular HTML.
PHP Code:
body {
  font-family: Verdana, arial, sans-serif;
  color: #000000;
  font-size: 10px;
  background-color: #FFFFFF;
} 
The ones with the period work differently. For exampe:
PHP Code:
.maindiv {
  text-align: center;
} 
You could add that style to almost any tag there is. For example:
<div class="maindiv">div contents</div>
<p class="maindiv">test</p>
<span class="maindiv">test</span>
Kevin Ar18 is offline   Reply With Quote
Old April 3rd, 2003 Top | #4
03bigMark03
 
03bigMark03's Avatar
Unregistered
Posts: n/a

Default Thanks
Cheers for all the help.

SpeedY_b can I speak to you soon. Ill send an email hopefully.
  Reply With Quote

Reply

Bookmarks

« Previous Thread | Next Thread »
Thread Tools

Posting Rules

Similar Threads
Thread Thread Starter Forum Replies Last Post
Lost rushm001 Entertainment & Sports 937 May 27th, 2010 11:07pm
i lost rep! Kush Site Problems & Feedback 4 February 27th, 2005 7:05pm
uh oh - lost DVD and CD Mainframeguy General Hardware 3 November 7th, 2003 7:05pm
lost app bluzeboy Windows Desktop Systems 2 August 15th, 2003 7:41pm
Lost Mhz?? Alex_is_Axel General Hardware 5 November 30th, 2002 9:13pm

Privacy Statement - Top