…well, so this is a Thursday post while we work thru the Lynda.com material…
…TextWrangler Tip: Smart Quotes are Dumb!
Tip:
In an html editor – like TextWrangler - you’ll want to use straight quotes like this ", not typographer’s – aka smart or curly quotes – that look like this “. Somehow smart quotes got turned on in my document. To turn them off I used TextWrangler’s top left text icon/pulldown menu and toggled typographer’s quote to turn them off and reset to the proper straight quotes.
Also, the TextWrangler manual says you can hold down control while typing ” and that will produce a straight quote like this ".
Filed under Uncategorized
…favicons
a favicon is a small image – file name: favicon.ico – associated with a web page;
it is about the size of your little fingernail like the square red image to the left of the CNN URL in your web brower like this:
Filed under Uncategorized
…three places to put CSS style rules
- Inline styles affect the formatting of individual sections of text. The code is placed immediately before and after the affected text. Inline styles are coded as attributes on XHTML tags. Three ways to use inline text formatting are 1) logical style elements like strong 2) physical style elements like “b” and 3) special characters.
- Embedded styles also affect sections of text. However, embedded styles are all placed in the header of a web page bracketed by style.
- External style sheets are similar to embedded styles but are placed in a separate document. The home page then looks at the separate document for styles using an XHTML code in the header to link the styles document to the page.
Filed under Uncategorized
…h1 font-size…
…two minor issues in finishing up the Chapt 3 work on the JavaJam Coffee web page;
first, the logo/h1 font was wrong; it was Arial (JavaJam Coffee) instead of Verdana (JavaJam Coffee); the reason for this error was that in body selector of the style sheet I had put “font-family: “Arial, Verdana, sans-serif” instead of “…Verdana, Arial…”; so that meant that Arial was chosen since it was available and since it was first on the list;
second, the font size of the logo – JavaJam Coffee – needed to be bigger; the usual “font-size=2.0em” did not make it big enough b/c it was already big but 3.0em did the job…
Filed under Uncategorized
…troubleshooting…
…there is some benefit to wading through code, trying to figure out why the stylesheet is not configuring that line of text in the web page., for example, in italics
maybe it’s because the correct value for the font-style property is italic, not italics…
Filed under Uncategorized
…center entire content of page in CSS
…one of the practice case tasks is to center the entire content of a page by wrapping the <body> of the page with a <div> using this in the style sheet:
{margin-left: auto;
margin-right:auto;
width: 80%
}
However, I found that the “width:80%;” did not center the page properly. After much troubleshooting I used pixels instead of percentage; so “width:700px;” instead of “width:80%;” for whatever reason, pixels matched the examples we were supposed to match, percentage did not;
Filed under Uncategorized
