http://www.itAdmin.gordonfrench.com Your General Computer Guru Sat, 15 Aug 2009 01:30:03 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 http://www.itAdmin.gordonfrench.com/css-how-to-understand-inline-and-block-level-elements/ http://www.itAdmin.gordonfrench.com/css-how-to-understand-inline-and-block-level-elements/#comments Sat, 15 Aug 2009 01:30:03 +0000 admin http://www.itAdmin.gordonfrench.com/css-how-to-understand-inline-and-block-level-elements/ Block level  elements are normally displayed as blocks with line breaks before and after. Examples of block level elements include paragraphs, headings, divs and block quotes. Inline elements are not displayed as blocks. The content is displayed in lines and there are no line breaks before and after. Examples of inline elements include emphasized text, strong [...]]]> http://www.itAdmin.gordonfrench.com/css-how-to-understand-inline-and-block-level-elements/feed/ 0 http://www.itAdmin.gordonfrench.com/css-how-to-tweak-css-for-only-safari/ http://www.itAdmin.gordonfrench.com/css-how-to-tweak-css-for-only-safari/#comments Sat, 15 Aug 2009 01:30:02 +0000 admin http://www.itAdmin.gordonfrench.com/css-how-to-tweak-css-for-only-safari/ If you have spent anytime dealing with CSS you have run into issues with a browser rendering code incorrectly. You may even have gone as far as to make several style sheets and use a browser check to tell the browser which one to use. Most of my websites dont need more then one style [...]]]> http://www.itAdmin.gordonfrench.com/css-how-to-tweak-css-for-only-safari/feed/ 0 http://www.itAdmin.gordonfrench.com/css-how-to-hide-styles-from-older-browsers/ http://www.itAdmin.gordonfrench.com/css-how-to-hide-styles-from-older-browsers/#comments Sat, 15 Aug 2009 01:30:01 +0000 admin http://www.itAdmin.gordonfrench.com/css-how-to-hide-styles-from-older-browsers/ Some older browsers, such as Netscape Navigator 4 and IE 4, have poor support for CSS. It is possible to hide styles from these browsers using specific media types and @import rules. All styles will be hidden from Netscape Navigator 4 by changing the link element’s media type from screen to screen, projection. Netscape Navigator 4 [...]]]> http://www.itAdmin.gordonfrench.com/css-how-to-hide-styles-from-older-browsers/feed/ 0 http://www.itAdmin.gordonfrench.com/css-how-to-use-import-styles/ http://www.itAdmin.gordonfrench.com/css-how-to-use-import-styles/#comments Sat, 15 Aug 2009 01:29:59 +0000 admin http://www.itAdmin.gordonfrench.com/css-how-to-use-import-styles/ @import Styles? Header and external style sheets also can import other style sheets using the @import rule. The @import rule must be placed before all other rules in the header or external style sheet. @import “advanced.css”; p { font-family: arial, helvetica, san-serif; margin: 1em; padding: 1em; background-color: black; } Imported styles can be used to link to multiple CSS files as well as to [...]]]> http://www.itAdmin.gordonfrench.com/css-how-to-use-import-styles/feed/ 0 http://www.itAdmin.gordonfrench.com/css-how-to-use-header-styles/ http://www.itAdmin.gordonfrench.com/css-how-to-use-header-styles/#comments Sat, 15 Aug 2009 01:29:57 +0000 admin http://www.itAdmin.gordonfrench.com/css-how-to-use-header-styles/ Header styles also can be used to style the <p> element. The CSS rules can be placed in the head of the document using the style element. Like inline styles, header styles, header styles should be avoided where possible because the styles are added to the HTML markup rather than in external CSS files. There are [...]]]> http://www.itAdmin.gordonfrench.com/css-how-to-use-header-styles/feed/ 0 http://www.itAdmin.gordonfrench.com/css-how-to-use-external-style-sheets/ http://www.itAdmin.gordonfrench.com/css-how-to-use-external-style-sheets/#comments Sat, 15 Aug 2009 01:29:57 +0000 admin http://www.itAdmin.gordonfrench.com/css-how-to-use-external-style-sheets/ The third method of applying styles to  document involves linking to external style sheets. External style sheets are the most appropriate method for styling documents. If styles need to be changes, the modifications can take place in one CSS file rather than all HTML pages. To change the header style to an external style, move the [...]]]> http://www.itAdmin.gordonfrench.com/css-how-to-use-external-style-sheets/feed/ 0 http://www.itAdmin.gordonfrench.com/css-how-to-apply-inline-styles/ http://www.itAdmin.gordonfrench.com/css-how-to-apply-inline-styles/#comments Sat, 15 Aug 2009 01:29:56 +0000 admin http://www.itAdmin.gordonfrench.com/css-how-to-apply-inline-styles/ CSS, Inline styles can be applied directly to elements in the HTML code using the style attribute. However, inline styles should be avoided wherever possible because the styles are added to the HTML markup. This defeats the main purpose of CSS, which is to apply the same styles to as many pages as possible across [...]]]> http://www.itAdmin.gordonfrench.com/css-how-to-apply-inline-styles/feed/ 0 http://www.itAdmin.gordonfrench.com/twitter-weekly-updates-for-2009-08-09/ http://www.itAdmin.gordonfrench.com/twitter-weekly-updates-for-2009-08-09/#comments Sat, 15 Aug 2009 01:29:41 +0000 admin http://www.itAdmin.gordonfrench.com/twitter-weekly-updates-for-2009-08-09/ New blog post: CSS, What is a <div> http://bit.ly/Sbfu # Flash, ActionScript tutorials on loops http://bit.ly/QMq8t # Great PHP Tutorial on using include and require. Include is a great way to control your header or footer. http://bit.ly/pnX7g # Install OSX on your PC (Gigabyte GA-EP45-UD3P): http://digg.com/d3zt8L?t # CSS How To, IDs have more weight then classes. If a class [...]]]> http://www.itAdmin.gordonfrench.com/twitter-weekly-updates-for-2009-08-09/feed/ 0 http://www.itAdmin.gordonfrench.com/css-how-to-use-advanced-selectors/ http://www.itAdmin.gordonfrench.com/css-how-to-use-advanced-selectors/#comments Sat, 15 Aug 2009 01:29:40 +0000 admin http://www.itAdmin.gordonfrench.com/css-how-to-use-advanced-selectors/ Child selectors Child selectors are used to selected an element that is a direct child of another elements parent. Child selectors will not selected all descendants, only direct children. For example, you might want to target an <em> that is a direct child of a <div>, but not other <em> elements that are descendants of the [...]]]> http://www.itAdmin.gordonfrench.com/css-how-to-use-advanced-selectors/feed/ 0 http://www.itAdmin.gordonfrench.com/css-how-to-use-universal-selectors/ http://www.itAdmin.gordonfrench.com/css-how-to-use-universal-selectors/#comments Sat, 15 Aug 2009 01:29:39 +0000 admin http://www.itAdmin.gordonfrench.com/css-how-to-use-universal-selectors/ Universal selectors are used to select any element. For example , to set the margins and padding on every element to 0, * can be used. *{ margin: 0; padding: 0; } Universal selectors also can be used to select all elements within another elements. The code below will select any element inside the <p> element. p * { color: red; } ]]> http://www.itAdmin.gordonfrench.com/css-how-to-use-universal-selectors/feed/ 0