Jump to content


Photo

Website using CSS


  • Please log in to reply
4 replies to this topic

#1 FFEMTcJ

FFEMTcJ
  • Members
  • PipPip
  • Member
  • 16 posts

Posted 23 July 2006 - 08:54 PM

I am looking to integrate more CSS into my website design, however I know nothing about CSS. I want to use the same design that I have now. Does anyone have any suggestions? I don't want to learn all of CSS. Just enough to change the site to CSS and do what I want to with it.

http://www.paigejohnston.com

#2 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 23 July 2006 - 10:22 PM

You can easily convert your site to css. Just do a search in google for css tableless layout or something like that. Also CSS samples and examples. You should find tons of stuff to help you out.

-Chris

#3 FFEMTcJ

FFEMTcJ
  • Members
  • PipPip
  • Member
  • 16 posts

Posted 24 July 2006 - 05:46 PM

ok... i have the design now. I need to get the border around the navigation area just like it is on the old site.. I went through a CSS tutorial and didn't see anything on it.

Old Site:

http://www.PaigeJohnston.com

New Site

http://www.PaigeJohnston.com/css

Any ideas?

#4 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 24 July 2006 - 06:57 PM

- Add border:dashed #FF99CC; (Or whatever color you used) to get your border.
- Put a background color of white in your container.
- Add background-color:inherit; in a, div#navigation, div#extra, div#content

Check here for your CSS validation: http://jigsaw.w3.org...&usermedium=all

A little hint: if you have the div id's set up in your HTML you only have to put #divid in your CSS (#content) for example.

Looking good so far!

-Chris

#5 killerb

killerb
  • Members
  • PipPipPip
  • Advanced Member
  • 48 posts

Posted 27 July 2006 - 01:14 PM

Here's something I wrote that you can use if you want something more fancy than the borders provided by CSS. It uses CSS and Javascript, and nested divs. NO TABLES!

www.freewebs.com/good-code
Experience is something you get just after you need it.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users