|
|
|
| HTML/CSS : Align |
| Setting the dir attribute to "rtl" aligns the text to the right. Also,
all built-in web control navigation will be on the left-hand side. |
<textarea name="name" dir="rtl">some text</textarea>
<select name="name" dir="rtl">
<option>text</option>
</select>
|
| Jump to Top |
| HTML/CSS : Anchor |
<a href="appointments.asp?Go=1#top">
<a name="top">
|
| Jump to Top |
| HTML/CSS : Base HREF |
<base href="http://www.test.com/">
<a href="hello.asp">Say hello</a>
|
| Jump to Top |
| HTML/CSS : Cache |
| No Cache -- Meta Tags |
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
|
| No Cache -- ASP |
<%
Response.CacheControl = "no-cache"
Response.AddHeader "Pragma", "no-cache"
Response.Expires = -1
%>
|
| Jump to Top |
| HTML/CSS : CSS : Basics |
| .CSS File |
body
{
background-color: #ffffff;
background-image: url(images/back_lines.gif);
font-family: arial, helvetica, verdana, sans-serif;
font-size: 9pt;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
a:link, a:visited
{
color: #0000ff;
font-size: 9pt;
}
a:hover
{
text-decoration: underline;
}
a.left:link, a.left:visited
{
color: #000000;
font-size: 9pt;
}
.large
{
font-size: 11pt;
}
#footer
{
color: #d0d0d0;
font-size: 8pt;
}
TD
{
font-family: Verdana, Arial, Helvetica;
font-size: 11px
}
input
{
font: 13.5px Arial, Helvetica, sans-serif
}
textarea
{
font: 13.5px Arial, Helvetica, sans-serif
}
|
<link rel="stylesheet" type="text/css" href="styles.css">
<a href="about.aspx" class="left">About</a>
<td class="large">Heading</td>
<table id="footer">
</table>
|
| Inline |
<a href="page1.htm" style="color:0000FF; text-decoration: underline">
<tr style="background-color:#eeeeee">
|
| Head |
<head>
<style type="text/css">
H1 {border-width: 1; border: solid; text-align: center}
</style>
</head>
|
| Jump to Top |
| HTML/CSS : CSS : Button |
<input type="button" style="font-family:Arial; font-size:11px; background:#e6e6e6">
|
| Jump to Top |
| HTML/CSS : CSS : Expand |
| Expand - JS |
<script language="JavaScript1.2">
<!--
var ns6=document.getElementById&&!document.all?1:0
var head="display:''"
var folder=''
function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}
//-->
</script>
|
| Expand - HTML |
<h3 style="cursor:hand" onClick="expandit(this)">Header 1</h3>
<span style="display:none" style=&{head};>
This is content under Header 1.
</span>
<h3 style="cursor:hand" onClick="expandit(this)">Header 2</h3>
<span style="display:none" style=&{head};>
This is content under Header 2.
</span>
|
| Jump to Top |
| HTML/CSS : Float |
<table style="float:left" border="0">
|
| Jump to Top |
| HTML/CSS : CSS : GridView |
A.bluelink, A.bluelink:link, A.bluelink:visited, A.bluelink:hover
{
color: #0000ff;
}
<asp:LinkButton ID="btnDelete" runat="server" CssClass="bluelink"
CausesValidation="false">Delete</asp:LinkButton>
<asp:CommandField ShowEditButton="True" CausesValidation="False"
ControlStyle-CssClass="bluelink" />
|
| Jump to Top |
| HTML/CSS : CSS : ID v Class |
| There is often confusion when it is appropriate to use CSS IDs and
when CSS Classes should be used instead. Use IDs when there is only one occurence per page.
Use classes when there are one or more occurences per page. |
ID
#WhtTxt
<table id="WhtTxt">
CLASS
.WhtTxt
<td class="WhtTxt">
|
| Jump to Top |
| HTML/CSS : CSS : Language |
<style type="text/css">
SPAN.arabic {
font-face: Traditional Arabic;
font-size: 12pt;
}
SPAN.english {
font-face: Times New Roman;
font-size: 10pt;
}
</style>
<span class="arabic">arabic text</span>
<span class="english">english text</span>
|
| Jump to Top |
| HTML/CSS : CSS : Lists |
<style type="text/css">
ul
{
list-style-type: disc;
text-indent: -18px;
margin-bottom : 5px;
}
li
{
margin: 5px;
padding: 6;
}
</style>
|
| Jump to Top |
| HTML/CSS : CSS : Margin |
<table width="800" style="margin:0 auto" border="1">
<tr>
<td style="width:400px" valign="top">
<table style="width:350px; margin-left:50px" cellpadding="0">
|
| Jump to Top |
| HTML/CSS : CSS : Mouseover |
<tr style="width:100%; background-color:#DADAA7" onMouseover="this.style.backgroundColor='#B7C4D5';"
onMouseout="this.style.backgroundColor='#DADAA7';">
|
| Jump to Top |
| HTML/CSS : CSS : Textbox |
<input type="text" name="user" size="20" style="border:1px solid #7F9DB9;">
|
| Jump to Top |
| HTML/CSS : Dropdown |
| Size |
<select name="state" size="1" style="width:50mm">
<option value="CA">California</option>
<option value="OH">Ohio</option>
</select>
|
| Select Multiple |
<select name="state" size="8" multiple>
<option value="CA">California</option>
<option value="OH">Ohio</option>
</select>
|
| Jump to Top |
| HTML/CSS : Embed |
<a href= "bark.wav">
<bgsound src="bark.wav" loop="5">
<embed src="bark.wav" height="40" width="200">
<embed src="bark.wav" hidden="true" autostart="true">
<embed src="bark.wav" height="285" width="325" border="0" type="application/x-mplayer2"
loop="true" autostart="true">
|
| Jump to Top |
| HTML/CSS : Flash |
Strictly speaking, Macromedia Flash is the integrated development environment (IDE) and Flash Player is the virtual machine
used to run the Flash files, but in colloquial language these have become mixed: "Flash" can mean either the authoring environment,
the player, or the application files. Since its introduction in 1996, Flash technology has become a popular method for adding
animation and interactivity to web pages.
.swf .swf files are completed, compiled and published files that cannot be edited with Macromedia Flash. However, many '.swf decompilers'
do exist.
.fla files contain source material for the Flash application. Flash authoring software can edit FLA files and compile them into .swf files.
Proprietary to Macromedia, the FLA format in no sense counts as "open".
|
| Jump to Top |
| HTML/CSS : Font |
<font face="Arial, Helvetica, sans-serif" size="1" style="font-size:10.5px">
|
| Jump to Top |
| HTML/CSS : Frames |
<frameset cols="185, *" frameborder="1">
<frame name="codeleft" scrolling="yes" noresize target="main" src="left.asp">
<frame name="main" src="main.asp">
</frameset>
|
| Jump to Top |
| HTML/CSS : Hide |
<div style="display: none;">blah</div>
|
| Jump to Top |
| HTML/CSS : iFrame |
<iframe width="190" height="350" id="ThumbFrame" name="ThumbFrame" frameborder="0" src="ThumbFrame.asp">
Your browser does not support iframes.
</iframe>
|
| Jump to Top |
| HTML/CSS : Image Border |
<img src="images/test.gif" style="border-width:0px" />
|
| Jump to Top |
| HTML/CSS : Image Map |
<map name="ImgMap">
<area href="/store/enter.asp" target="_self" shape="rect" coords="45, 352, 196, 402">
<area href="/solutions/prof.asp" target="new" shape="rect" coords="239, 340, 444, 401">
<img src="/newsletter/september.gif" usemap="#ImgMap" border="0">
|
| Jump to Top |
| HTML/CSS : Mailto |
<a href="mailto:support@12Bravo.com?subject=Attn: Support Department">Email Us</a>
|
| Jump to Top |
| HTML/CSS : Path |
(1) Absolute Path: <img src="http://www.12Bravo.com/images/logo.gif">
(2) Relative Path
a) Document Relative: <img src="images/logo.gif">
b) Root Relative: <img src="/images/title.gif">
(3) Windows Explorer: \\bravoweb02.vpn.12bravo.com\z$\web\client01
|
| Jump to Top |
| HTML/CSS : Refresh |
<meta http-equiv="Refresh" content="5">
|
| Jump to Top |
| HTML/CSS : Table |
| Border |
<table bgcolor="#ffffff" border="1" bordercolor="#505050" rules="none" frame="box">
|
| Jump to Top |
|
|