SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Enthusiast sarmenhb's Avatar
    Join Date
    Sep 2006
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Any Suggestions for a CSS Book

    hi, i just thought CSS was to setup font face types, color and so forth
    but after looking through this forum i see that you can setup the webpages styles

    such as this example:



    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     
     <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
     <title>UAEchat - Conversation</title>
     
     <style type="text/css">
     * { margin: 0; padding: 0; }
     
     body { font-family: Verdana, Arial, Helvetica, sans-serif; }
     
     div#Header { height: 120px; }
     
     div#Top-Menu {
     background-color: #eeeeee;
     padding-left: 20px;
     border-top: 1px solid #999999;
     border-bottom: 1px solid #999999;
     }
     
     /* END OF Layout */
     
     /* TopMenu */
     ul.TopMenu
     {
     padding: 0;
     margin: 0;
     list-style: none;
     font-size: 12px;
     height: 30px;
     text-align: right;
     overflow: hidden;
     }
     
     ul.TopMenu li { display: inline; }
     
     ul.TopMenu a {
     float: left;
     display: block;
     width: 90px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     text-decoration: none;
     }
     
     ul.TopMenu .right a { float: right; }
     
     ul.TopMenu li a:link, ul.TopMenu li a:visited { color: #000099; }
     
     ul.TopMenu li a:hover  { color: #ffffff; background-color: #000099; cursor: default; }
     /* END OF TopMenu */
     </style>
     </head>
     
     <body>
     	<div id="Wrapper">
     		<div id="Header"><img width="200" height="100" /></div>
     		
     		<div id="Top-Menu">
     		<ul class="TopMenu">
     			<li class="Left"><a href="#">Chat options</a></li>
     			<li class="Left"><a href="#">Help</a></li>
     			<li class="right"><a href="#">Log Out</a></li>
     		</ul>
     		</div>
     	</div>
     </body>
     

    its pretty crazy , something i didnt know

    anywho, do u know of a good book that would , review some basics of css and jump into some cool techniques of css, or how people hack php to setup a layer of a page set up in html or whatnot such as myspace..

    thanks so much

  2. #2
    SitePoint Member
    Join Date
    Apr 2006
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am also eagerly waiting for your suggestions guys. I always have trouble with CSS, especially with padding. padding varies between firefox and IE. any book with step by step instructions to build a good looking site?
    Kirtan

  3. #3
    SitePoint Enthusiast sarmenhb's Avatar
    Join Date
    Sep 2006
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    lol, seems im not the only one
    cant believe no one has posted.

    i was looking through the forum here and at the post in this section
    "A Beginner's Guide to Anything and Everything"

    it has some interesting links like the w3school is a good one, but it ony shows the basics, and not the cool techniques that ppl use..

  4. #4
    SitePoint Wizard bronze trophy Tailslide's Avatar
    Join Date
    Feb 2006
    Location
    Bedford, UK
    Posts
    1,687
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd recommend "Designing with Web Standards" by Jeffrey Zeldman (second edition I think) and "Bulletproof Web Design" by Dan Cederholm. Also "The Zen of CSS Design" by Shea/Holzschlag is very interesting.

    Generally though it's easier to find techniques on-line:
    http://www.cssbasics.com/
    http://www.htmldog.com/

    Layouts:
    http://blog.html.it/layoutgala/
    http://www.ssi-developer.net/main/templates/index.shtml
    http://css.maxdesign.com.au/listamatic/
    http://coda.co.za/archive/20050616/17:11:16

    For design tips and news:
    http://www.alistapart.com/

    And for inspiration:
    http://www.csszengarden.com/
    http://cssbeauty.com/gallery/
    http://www.unmatchedstyle.com/
    http://cssmania.com/
    Little Blue Plane Web Design
    Blood, Sweat & Rust - A Land Rover restoration project

  5. #5
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How: HTML, XHTML and CSS Visual Quickstart Guide, 6th Edition by Elizabeth Castro

    Why: Designing with Web Standards, 2nd Edition by Jeffery Zeldman

  6. #6
    SitePoint Member
    Join Date
    Apr 2006
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Many thanks for your recommendations buddies.
    Kirtan

  7. #7
    SitePoint Enthusiast sarmenhb's Avatar
    Join Date
    Sep 2006
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    same here buddies

  8. #8
    SitePoint Wizard silver trophy linkin99's Avatar
    Join Date
    Sep 2005
    Location
    Wisconsin
    Posts
    1,456
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The Dan Cederholm books are great. Also, the CSS Anthology by Rachel Andrew is good too. I used it to help me learn CSS last year starting out.

  9. #9
    SitePoint Member dylanjones's Avatar
    Join Date
    Sep 2006
    Location
    Canada
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Get bulletproof webdesign, but get these!!

    Dreamweaver 8 Beyond the Basics;

    http://movielibrary.lynda.com/html/modPage.asp?ID=186

    Also any of these video;

    http://movielibrary.lynda.com/html/m...ing.asp?sid=29

    Sign up for a month or something on there, and download, and watch as much videos as you can!

    Lynda.com is the best way to learn these things, and with no effort! I love them!

    And no...I dont work for them lol

  10. #10
    SitePoint Evangelist Rodney H.'s Avatar
    Join Date
    Sep 2005
    Location
    Chicago, IL
    Posts
    479
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can't get a better resource on CSS than Eric Meyer. He is a true guru:

    1) http://www.amazon.com/Eric-Meyer-CSS/dp/073571245X

    2) http://www.amazon.com/Eric-Meyer-Voi...621610?ie=UTF8

    I recently read Dan Cederholm's book, Bulletproof Web Design, and learned a lot: http://www.amazon.com/Bulletproof-We...e=UTF8&s=books


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •