TechieDrill » CSS http://techiedrill.com Your World Of Technical Tutorials Tue, 05 Jan 2010 16:50:11 +0000 http://wordpress.org/?v=2.8.5 en hourly 1 CSS Tutorial – 8 – Direct and Indirect Selectors http://techiedrill.com/2009/11/css-tutorial-8-direct-and-indirect-selectors/ http://techiedrill.com/2009/11/css-tutorial-8-direct-and-indirect-selectors/#comments Fri, 13 Nov 2009 13:02:31 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=401

To download this you tube video, Click Here

Tutorial on Direct and Indirect Selectors.

]]> http://techiedrill.com/2009/11/css-tutorial-8-direct-and-indirect-selectors/feed/ 0 CSS Tutorial – 7 – Direct Child Selectors http://techiedrill.com/2009/11/css-tutorial-7-direct-child-selectors/ http://techiedrill.com/2009/11/css-tutorial-7-direct-child-selectors/#comments Fri, 13 Nov 2009 12:53:14 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=399

To download this you tube video, Click Here

Tutorial on Direct Child Selectors.

]]> http://techiedrill.com/2009/11/css-tutorial-7-direct-child-selectors/feed/ 0 CSS Tutorial – 6 – More on Descendant Selectors http://techiedrill.com/2009/11/css-tutorial-6-more-on-descendant-selectors/ http://techiedrill.com/2009/11/css-tutorial-6-more-on-descendant-selectors/#comments Fri, 13 Nov 2009 12:51:35 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=397

To download this you tube video, Click Here

Tutorial on More on Descendant Selectors.

]]> http://techiedrill.com/2009/11/css-tutorial-6-more-on-descendant-selectors/feed/ 0 CSS Tutorial – 5 – Relationships http://techiedrill.com/2009/11/css-tutorial-5-relationships/ http://techiedrill.com/2009/11/css-tutorial-5-relationships/#comments Fri, 13 Nov 2009 12:49:49 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=395

To download this you tube video, Click Here

Tutorial on Relationships.

]]> http://techiedrill.com/2009/11/css-tutorial-5-relationships/feed/ 0 CSS Tutorial – 4 – Universal and Descendant Selectors http://techiedrill.com/2009/11/css-tutorial-4-universal-and-descendant-selectors/ http://techiedrill.com/2009/11/css-tutorial-4-universal-and-descendant-selectors/#comments Fri, 13 Nov 2009 12:48:08 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=393

To download this you tube video, Click Here

Tutorial on Universal and Descendant Selectors.

]]> http://techiedrill.com/2009/11/css-tutorial-4-universal-and-descendant-selectors/feed/ 0 CSS Tutorial – 3 – Grouping Elements http://techiedrill.com/2009/11/css-tutorial-3-grouping-elements/ http://techiedrill.com/2009/11/css-tutorial-3-grouping-elements/#comments Fri, 13 Nov 2009 12:46:39 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=391

To download this you tube video, Click Here

Tutorial on Grouping Elements.

]]> http://techiedrill.com/2009/11/css-tutorial-3-grouping-elements/feed/ 0 CSS Tutorial – 2 – Basic Structure and Syntax http://techiedrill.com/2009/11/css-tutorial-2-basic-structure-and-syntax/ http://techiedrill.com/2009/11/css-tutorial-2-basic-structure-and-syntax/#comments Fri, 13 Nov 2009 12:45:29 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=389

To download this you tube video, Click Here

Tutorial on Basic Structure and Syntax.

]]> http://techiedrill.com/2009/11/css-tutorial-2-basic-structure-and-syntax/feed/ 0 CSS Tutorial – 1 – Introduction to CSS http://techiedrill.com/2009/11/css-tutorial-1-introduction-to-css/ http://techiedrill.com/2009/11/css-tutorial-1-introduction-to-css/#comments Fri, 13 Nov 2009 12:44:02 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=387

To download this you tube video, Click Here

Tutorial on Introduction to CSS.

]]> http://techiedrill.com/2009/11/css-tutorial-1-introduction-to-css/feed/ 0 How to get Text Link With Mouseover Colored Text? http://techiedrill.com/2009/11/how-to-get-text-link-with-mouseover-colored-text/ http://techiedrill.com/2009/11/how-to-get-text-link-with-mouseover-colored-text/#comments Tue, 10 Nov 2009 13:57:17 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=128 To get the Text Link With Mouseover Colored Text you have to do is just simply add the CSS code as shown.

<style type=”text/css”>
<!–
A:hover { color: #000 }
–>
</style>

The CSS code is to be  added in the Head section of your script.

Say for Eg:

<html>
<head>
<title>Text Link With Mouseover Colored Text</title>
<style type=”text/css”>
<!–
A:hover { color: #000 }
–>
</style>
</head>
<body>
<center>
<a href=”Url here”><b>Text Link With Mouseover Colored Text</b></a>
</center>
</body>
</html>

displays you the link “Text Link With Mouseover Colored Text”  With Mouseover Colored Text as shown below





Text Link With Mouseover Colored Text


]]> http://techiedrill.com/2009/11/how-to-get-text-link-with-mouseover-colored-text/feed/ 0 How to add Background Color Highlight in Text Link? http://techiedrill.com/2009/11/how-to-add-background-color-highlight-in-text-link/ http://techiedrill.com/2009/11/how-to-add-background-color-highlight-in-text-link/#comments Tue, 10 Nov 2009 13:27:01 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=123 You can add Background Color Highlight in the Text Link by using the CSS code
A:hover { color: some color; background-color: some color; }
You have to add the CSS code to your script in the Head section

<style type=”text/css”>
<!–
A:hover { color:#000; background-color:#F00; }
–>
</style>

By adding the CSS code you can add Background Color Highlight in Text Link.

Say for Eg:

<html>
<head>
<title>Text Link With Background Color Highlight</title>
<style type=”text/css”>
<!–
A:hover { color:#000; background-color:#F00; }
–>
</style>
</head>
<body>
<center>
<a href=”Url here”><b>Text Link With Background Color Highlight</b></a>
</center>
</body>
</html>

displays you the link “Text Link With Background Color Highlight” With Background Color Highlight as shown below





Text Link With Background Color Highlight


]]> http://techiedrill.com/2009/11/how-to-add-background-color-highlight-in-text-link/feed/ 0