HTML and CSS Reference
In-Depth Information
<body>
<div>
<p>Enter your name to begin chat</p>
<input type="text" id="name" class="input" value="" />
<input type="submit" id="connect"
value="Chat now..." onclick="connect();" />
<pre id="output"></pre>
</div>
<div id="div1" class="client">
<p id="client1" class="clientName"></p>
<div id="chat1" class="chat">
</div>
<input type="text" id="input" class="input" value="" />
<input type="submit" value="Send" class="send" onclick="send();" />
</div>
</body>
3.
Add the
style
element shown in Listing 13-15 to the
head
element:
Listing 13-15.
Defining the CSS styles
<style>
body
{
background: #f0f0f0;
width: 450px;
}
.client
{
display: block;
float: left;
width: 400px;
height: 345px;
border: 2px solid #6699cc;
border-radius: 5px;
background-color: white;
}
.chat
{
height: 300px;
font-size: smaller;
line-height: 12px;
overflow-y: scroll;
}
.input
{
width:330px;
}
</style>
