Archive for the ‘HTML, XHTML & CSS’ Category

Introduction To XML

What is XML?

XML stands for eXtensible Markup Language
All of you must have used HTML tags and elements. HTML provides a fixed set of elements and we are bound to use only those elements.
XML on the other hand allows us to create our own tags and elements
Since we create our own [...]

How to make image center as vertically and horizontally in a box

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title></title>
<style type=”text/css”>
.imageouter
{
display: table-cell;
text-align: center;
vertical-align: middle;
width: 250px;
height: 250px;
border:solid 1px grey;
}
.imageouter *
{
vertical-align: middle;
}
.imageouter
{
display: block;
}
.imageouter span
{
display: inline-block; height: 100%;    width: 1px;
}
</style>
</head>
<body>
<div><span></span><img src=”test.jpg” alt=”…”></div>
</body>
</html>

How to change img src from CSS in HTML

Hi Friends
Today I had a problem with change image src using css. Here is the solution.

a.homeover{display:inline-block;background-image:url(../images/menu/home_mouseover.jpg);height:35px;width:96px;text-indent: -9999px;}
text-indent is a css property it force the image to top

Event Attributes in HTML 4.0

Window Events
Only valid in body and frameset elements.

Attribute
Value
Description

onload
script
Script to be run when a document loads

onunload
script
Script to be run when a document unloads

 

Form Element Events
Only valid in form elements.

Attribute
Value
Description

onchange
script
Script to be run when the element changes

onsubmit
script
Script to be run when the form is submitted

onreset
script
Script to be run when the form is reset

onselect
script 
Script to be run when [...]

Standard Attributes of HTML 4.0

Core Attributes
Not valid in base, head, html, meta, param, script, style, and title elements.

Attribute
Value
Description

class
class_rule or style_rule
The class of the element

id
id_name
A unique id for the element

style
style_definition
An inline style definition

title
tooltip_text 
A text to display in a tool tip

 

Language Attributes
Not valid in base, br, frame, frameset, hr, iframe, param, and script elements.

Attribute
Value
Description

dir
ltr | rtl
Sets the text direction

lang
language_code
Sets the language [...]

How to insert Scripts in Html

Insert a Script into HTML Page
A script in HTML is defined with the <script> tag. Note that you will have to use the type attribute to specify the scripting language.

<html>
<body><script type=”text/javascript”>
document.write(“Hello World!”)
</script>
</body>
</html>

The script above will produce this output:
Hello World!
 
How to Handle Older Browsers
A browser that does not recognize the <script> tag at all, will display [...]

Classification Properties of CSS

All CSS Classification Properties
The number in the “CSS” column indicates in which CSS version the property is defined (CSS1 or CSS2).

Property
Description
Values
CSS

clear
Sets the sides of an element where other floating elements are not allowed
left
right
both
none
1

cursor
Specifies the type of cursor to be displayed
url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
2

display
Sets how/if an element is displayed
none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption
1

float
Sets where an image or a text will appear in another [...]

Dimension Properties of CSS

All CSS Dimension Properties
The number in the “CSS” column indicates in which CSS version the property is defined (CSS1 or CSS2).

Property
Description
Values
CSS

height
Sets the height of an element
auto
length
%
inherit
1

max-height
Sets the maximum height of an element
none
length
%
inherit
2

max-width
Sets the maximum width of an element
none
length
%
inherit
2

min-height
Sets the minimum height of an element
length
%
inherit
2

min-width
Sets the minimum width of an element
length
%
inherit
2

width
Sets the width [...]

Table Properties of CSS

CSS Table Properties
The CSS table properties allow you to set the layout of a table.
Browser support: IE: Internet Explorer, M: Mac IE only, F: Firefox, N: Netscape.
W3C: The number in the “W3C” column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).

Property
Description
Values
IE
F
N
W3C

border-collapse
Sets whether the table borders are collapsed into a single [...]

List in CSS

CSS List
The CSS list properties allow you to place the list item marker, change
between different list item markers, or set an image as the list item marker.

List
In HTML, there are two types of lists:

unordered list – the list items are marked with bullet                       [...]