Results 1 to 7 of 7

Thread: New to HTML and CSS

  1. #1
    Join Date
    Nov 2011

    New to HTML and CSS

    I am new to html and css and currently learning using Head first HTML with CSS and XHTML to study.

    This book so far is a great book but i am having trouble with one of the examples that they have given. I have gone over this about 10 times and cant see anything wrong with the code but my page just wont change background colour. I am using IE8 and below is the code if someone can tell me waht i am doing wrong.
    	<title> Starbuzz Coffee </title>
    	<style type="text/css">
    		body {
    			background-colour: yellow;
    			margin-left: 20&#37;;
    			margin-right: 20%;
    			border: 1px dotted gray;
    			padding: 10px 10px 10px 10px;
    			font-family: sans-serif;
    <h1> Starbuzz Coffee Beverages </h1>
    <h2> House Blend, $1.49 </h2>
    		A smooth, mild blend of coffees from Mexico, Bolivia and Guatemala.
    <h2> Mocha Cafe Latte, $2.35 </h2>
    		Espresso, steamed milk and chocolate syrup.
    <h2> Cappucinno, $1.89 </h2>
    		A mixture of espresso, steamed milk and foam.
    <h2> Chai Tea, $1.85 </h2>
    		A spicy drink made with black tea, spices, milk and honey.
    Any help would be greatly appreciated.

    Thanks, Jase.
    Last edited by Kor; 11-24-2011 at 07:49 AM. Reason: wrap the code [code][/code]

  2. #2
    Join Date
    Dec 2003
    Bucharest, ROMANIA
    it is:



    You must be one of Her Majesty's subject, I presume Unfortunately, at least for you, in almost all the programming languages it is used the American spelling, not the British one.
    Same with grey(British)/gray(American), centre(British)/center(American), metre(in British English is the unit)/meter(in British E. is the device for measuring, while in American E. means both the unit and the device)

    And so on...
    Last edited by Kor; 11-24-2011 at 08:13 AM.

  3. #3
    Join Date
    Nov 2011
    Thanks for your reply, i kicked my self when i saw the error. Just one more thing, i have also noticed that the gray (not grey) border has not appeared either. Is this another silly mistake i have missed? Not sure why i can't see it.


  4. #4
    Join Date
    Dec 2003
    Bucharest, ROMANIA
    Use rather colors values in hexa (for instance one of the gray nuances can be '#ccc') or rgb

    Set a real font family. Like: font-family:Arial, Helvetica, sans-serif;

  5. #5
    Join Date
    Nov 2011
    Thanks, i did find the problem that was causing the border not to appear. I will post this below.

    The answer is pretty simple actually. In later chapters you'll figure out that a document type is needed to tell the browser which version of HTML you used to create your web page.

    So by using this doctype:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    Your saying that your web page is using HTML version 4.01. With out telling the browser this your basically telling it to revert back to the dark ages (default HTML).

    Thanks for your help.

  6. #6
    Join Date
    Dec 2003
    Bucharest, ROMANIA
    Quote Originally Posted by jasona7791 View Post
    So by using this doctype:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    Your saying that your web page is using HTML version 4.01. With out telling the browser this your basically telling it to revert back to the dark ages (default HTML).
    No. It is not the "dark ages". HTML4.01 is as good as XHTML or HTML5. It depends only on what do you want to do on your site. In fact HTML5 allows both HTML4.01 strict or XHTML strict syntax, on will.

  7. #7
    Join Date
    Nov 2011
    Ya I check this it work nicely but it don't show any color which you in css declaration. So what can I do for get color.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.13141 seconds
  • Memory Usage 2,900KB
  • Queries Executed 13 (?)
More Information
Template Usage (34):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_code
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (7)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (7)postbit
  • (7)postbit_onlinestatus
  • (7)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates