Menu
* html #idname {
attributes:
}
the * html part is an ie hack where that code will only work for IE, right? or am i totally off? thx
[i]Originally posted by Fang [/i]
[B]or html * #idname
Why hack? [/B][/QUOTE]
[i]Originally posted by TimeBandit [/i]
[B]That's correct. Note that often this hack makes MacIE5.2 display incorrectly, so wrap the IE hack with the Mac5 hack. Th septmeber techniques article on my site gives details on this if u need it. [/B][/QUOTE]
[i]Originally posted by Jona [/i]
[B][font=trebuchet ms]Keep in mind that the html * hack mentioned is invalid CSS.[/font] [/B][/QUOTE]
#something{
style:IE;
}
html>body #something{
style:standard;
}
[i]Originally posted by pawky [/i]
[B]what do u mean? im lost there ? thx [/B][/QUOTE]
[i]Originally posted by pawky [/i]
[B]ok, is there something to use that is valid? or just live w/ it? thx ? [/B][/QUOTE]
maxlength="5[COLOR=red]"[/COLOR] tabindex="7[COLOR=red]"[/COLOR] id="personal_address_zip"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>form layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
form {
margin : 10px auto;
font : normal bold 14px/18px "Times New Roman", serif;
text-indent : 0;
width : 780px;
border : 1px solid #dcdcdc;
}
form legend {
color : #8e0009;
}
form #topleft {
float : left;
width : 340px;
height : 195px;
border : 2px solid #000;
padding : 0 20px;
}
form input , form textarea , form select {
font : normal 14px/18px "Times New Roman", serif;
margin : 0 0 0 5px;
background : #f0f0f0;
text-indent : 3px;
border : 0;
border-bottom : 2px solid #000;
}
#topleft label {
margin:6px;
float:left;
}
#topleft input {
margin:6px 2px;
float:right;
}
#topleft p {
clear:both;
margin:0;
}
-->
</style>
</head>
<body>
<form>
<fieldset id="topleft"> <!-- top left -->
<legend>Personal Information</legend>
<p><label for="personal_lname">Name:</label><input type="text" name="name" value="Last" size="10" tabindex="1" id="personal_lname" onfocus="if (this.value == 'Last') { this.value = ''; }"> <input type="text" name="name" value="First" size="10" tabindex="2" id="personal_fname" onfocus="if (this.value == 'First') { this.value = ''; }"> <input type="text" name="name" value="M" size="2" maxlength="1" tabindex="3" id="personal_mname" onfocus="if (this.value == 'M') { this.value = ''; }"></p>
<p><label for="personal_address">Address:</label> <input type="text" name="address" value="Mailing Address" size="25" maxlength="25" tabindex="4" id="personal_address" onfocus="if (this.value == 'Mailing Address') { this.value = ''; }"></p>
<p><input type="text" name="address" value="City" size="20" maxlength="25" tabindex="5" id="personal_address_city" onfocus="if (this.value == 'City') { this.value = ''; }"> <input type="text" name="address" value="St" size="3" maxlength="2" tabindex="6" id="personal_address_state" onfocus="if (this.value == 'St') { this.value = ''; }"> <input type="text" name="address" value="Zip" size="5" maxlength="5" tabindex="7" id="personal_address_zip" onfocus="if (this.value == 'Zip') { this.value = ''; }"></p>
<p><label for="personal_phone">Phone #:</label><input type="text" name="phone" value="(xxx)xxx xxxx" size="15" maxlength="13" tabindex="8" id="personal_phone" onfocus="if (this.value == '(xxx)xxx xxxx') { this.value = ''; }"></p>
<p><label for="personal_email">E-mail: (optional)</label> <input type="text" name="email" size="30" tabindex="9" id="personal_email"></p>
</fieldset>
</form>
</body>
</html>
0.1.9 — BETA 5.18