Posts Tagged ‘w3c’
Wednesday, November 7th, 2007
Today we learn about opacity in CSS! I made an example here and here you have the files.
Information about opacity in CSS:
The opacity property takes a value of the amount of transparency from 0.0 to 1.0. 0.0 is 100% transparent - anything below that element will show completely through. 1.0 is 100% opaque - nothing below the element will show through.
So to set an element to 50% transparent, you would write: opacity:0.5;
Neither IE 6 nor 7 support the CSS 3 opacity property. But you’re not out of luck. Instead, IE supports a Microsoft-only property “alpha filter”. Alpha filters in IE accept values from 0 (completely transparent) to 100 (completely opaque). So, to get your transparency in IE, you should multiply your opacity by 100 and add an alpha filter to your styles:
Alpha filter for IE: filter: alpha(opacity=50);
Alpha filter for Mozilla: -moz-opacity:0.5;
(more…)
Tags: cascade style sheet, CSS example, CSS properties, Design, how to, Opacity in CSS, tutorial, w3c, webdesign, world wide web consortium
Posted in CSS, Design, Download, Pictures, Tutorials | 3 Comments »
Tuesday, October 30th, 2007
Today we create a simple MENU in CSS. Click here to see the final result!
[1] Let’s to create the CSS:
<style type=”text/css”>
body {
text-align: left;
background-image: url(”bg.gif”);
}
div {
width: 100px;
height: 20px;
background-color: #338ce8;
}
div:hover
{
background-color: #085ea6;
}
a {
color: white;
font-size: 18px;
text-decoration: none;
}
</style>
(more…)
Tags: cascade style sheet, Create a Menu in CSS, Create MENU, CSS, Design, how to, Programming, scripts, site, sitedesign, tips&tricks, tutorial, w3c, webdesign, website, worldwideweb consortium
Posted in CSS, Design, HTML, Tutorials | No Comments »
Sunday, October 28th, 2007
Today we learn about Links and Pseudo-Classes in CSS. I have made tutorials about rollover’s here and here, but this is something different and we talk about links & elements where we can put Pseudo-Classe, on a div, text,etc…
Pseudo-Classes:
:link
:visited
:active
:hover
:focus
(more…)
Tags: :hover syntax, cascade style sheet, CSS, how to, HTML, Links in CSS, Pseudo-Classes, rollovers, Tips & Tricks, tutorial, w3c
Posted in CSS, Design, HTML, Pictures, Tutorials | No Comments »
Saturday, October 27th, 2007
Final result HERE
Today we learn how to create a TELL A FRIEND script with HTML and PHP. If you want to exercise on my files, click here
to download them!
(more…)
Tags: Design, how to, HTML, index.php, PHP, Programming, script, scripts, tagging, Tell a Friend, Tips & Tricks, tutorial, w3c, www
Posted in HTML, PHP, Pictures, Tutorials | 7 Comments »
Wednesday, October 24th, 2007
Create Rollover Image in CSS ( You can see the final result HERE )
I made two buttons for this tutorial, save it if you want to work with them.
(more…)
Tags: cascade style sheet, Create Rollover Image in CSS, CSS, Design, how to, HTML, Rollover Image in CSS, Rollover in CSS, tips&tricks, tutorial, w3c, webdesign, world wide web consortium
Posted in CSS, Design, HTML, Tutorials | 2 Comments »
Sunday, October 7th, 2007
Learn how to create and select the CSS ids and use them in a short tutorial and with an HTML page exemple:
(more…)
Tags: article, cascade style sheet, CSS, Design, HTML, id selection, Internet, tutorial, validate, w3c, webdesign
Posted in CSS, HTML, Tutorials | No Comments »
Sunday, October 7th, 2007
Learn how to select the CSS classes and use them in a short tutorial and with an HTML page exemple:
(more…)
Tags: .class, cascade style sheet, classes, CSS, google, HTML, select classes, selections, style type="text/css", w3c, world wide web consortium
Posted in Articles, CSS, HTML, Tutorials | No Comments »
Sunday, October 7th, 2007
First Method:
<style type=”text/css”>
Next is the HTML code and CSS in a simple webpage
<html>
<head>
<title>CSS Implement v1</title>
<style type=”text/css”>
P {background-color: grey;}
</style>
</head>
<body>
<p>CSS Implements v1 with paragraph background color GREY</p>
</body>
</html>
Second Method:
(more…)
Tags: cascade style sheet, CSS, CSS Implement, Design, href, styles, w3c, webdesign
Posted in Articles, CSS, HTML, Tutorials | 1 Comment »
Friday, October 5th, 2007
This article will tell you how to make your CSS files a bit smaller. You can ask yourself one question; Why shouldn’t you? Read on to find out how to do this.
There are only advantages of making your CSS files some smaller. When your website uses a 5k CSS file, you might not see the difference in loading time, but when using bigger (25k) files, you can notice your website will load a bit faster when using some of the steps below. Another thing is that your file will become more organized and clean. Read on to get tips of improvement.
The main idea of this article is to reduce the number of characters you have used in your CSS. The less characters, the smaller your file.
Comments
You have different ways of using comments. Comments may be something you can not delete in your CSS, because you might forget something (or your fellow-workers). But, there are a couple ways of using them.
/*———————-*/
/*—-Comment—-*/
/*———————-*/
These lines of code do the same as:
/*Comment*/
You can still read what it says and what tips it gives. The only thing you did is to save space.
Color prefixes
(more…)
Tags: cascade style sheet, color prefixes, consortium, CSS, div, elements, files, smaller, tag, validate, w3c
Posted in CSS, Design, Tutorials | No Comments »
Thursday, October 4th, 2007
vs
XHTML 1.0 is a reformulation of HTML 4.0. What this really means is that learning XHTML is basically the same as learning HTML. The main difference is a few simple rules - as XHTML is more strict than standard HTML.
[1] Stricter adherence to the HTML specification
Many browsers are very lax in how they interpret HTML. This leads to incongruities in how the pages are displayed, and XHTML doesn’t allow that. The best way to correct this is to use an XHTML validator such as HTML Tidy.
[2] Write well formed documents
What this generally means is avoiding overlapping elements. The following nested code is acceptable: <p>Paragraph <em>emphasized</em></p> because the <em> tag is opened and closed within the <p> tag. However, this is not allowed: <p>Paragraph <em>emphasized</p></em> because the <em> tag overlaps the <p> tag.
(more…)
Tags: atributes, div, elements, HTML, Programming, table, tags, w3c, Web, web languages, world wide web consortium, XHTML
Posted in Articles, Design, HTML, Pictures, Tutorials, XHTML | 20 Comments »
