Click to See Complete Forum and Search --> : Need someone elses eye here!


NoK.Glaidiator
12-02-2005, 06:41 PM
Well this is the veryshort start of a code for a placeholder site im making for my mom's work. What my problem is i need to grey box to be left aligned and the font smaller but everything i can think of hasn't worked. Plz take a look at it for me and tell me what i did wrong. (prolly lots my mom's boss just said i could do it b/c i need practice). Thanks for the time.

<html>
<head>
<title>King & King, PLLC "Client Service Is Our Priority!"</title>
</head>
<body bgcolor="#999966">
<p>
<Table Cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#663333"><font color="#ffffff" Size="17"><Center>King & King Law, PLLC</Center></font></td>
</tr>
</table>
</p>

<P align="left">
<Table Cellpadding="0" Cellspacing="0" width="33%">
<tr>
<td bgcolor="#cccccc"><font color="#000000" Size="17">A Firm Ready to Serve All<br> Your Legal Matters.<Br> Contact Us at: <br> (231) 779•9000</font></td>
</tr>
</p>

The Little Guy
12-02-2005, 06:55 PM
you should add a style take between your headers to do this better

<html>
<head>
<style type="text/css">
.style1{
font-size: 17px;
text-align:left;
}
</style>
<title>King&King, PLLC"Client Service Is Our Priority!"</title>
</head>
<body bgcolor="#999966">
<p>
<Table width="100%" border="1" Cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#663333"><font color="#ffffff" Size="17px">
<Center>
King & King Law, PLLC
</Center>
</font></td>
</tr>
</table>
</p>
<P align="left">
<Table Cellpadding="0" Cellspacing="0" width="33%">
<tr>
<td bgcolor="#cccccc"><font color="#000000" font-size="17px">
<div class="style1">A Firm Ready to Serve All<br>
Your Legal Matters.<Br>
Contact Us at: <br>
(231) 779•9000</div>
</font></td>
</tr>
</p>

Notice I placed a <div align="left"> and a </div> in their. I think that may be what your looking for.

opus01
12-02-2005, 07:48 PM
I'll take a stab at it. I'm a bit of a novice myself, but here goes:

<html>
<head>
<title>King & King, PLLC "Client Service Is Our Priority!"</title>
<style type="text/css">
<!--
body {
background-color: #999966;
}
.header {
width: 100%;
background-color: #663333;
color: #FFFFFF;
font-size: 40pt;
text-align: center;
padding: 5px;
}
.contactinfo {
margin-top: 50px;
width: 33%;
background-color: #CCCCCC;
color: #000000;
font-size: 24pt;
text-align: left;
padding: 5px;
}
p {
margin: 0;
}
-->
</style>
</head>
<body>

<div class="header">
<p>King & King Law, PLLC</p>
</div>

<div class="contactinfo">
<p>A Firm Ready to Serve All</p>
<p>Your Legal Matters.</p>
<p>Contact Us at:</p>
<p>(231) 779•9000</p>
</div>
</body>
</html>

Try not using tables for page layout, and use CSS to separate style from content. Other guru's may help you further.

NoK.Glaidiator
12-03-2005, 05:19 PM
Thanks for the help ill try both and see how they work.

NoK.Glaidiator
12-03-2005, 05:24 PM
Both suggestions accomplished the same end. it solved my font size problem but it still wouldn't left align but this gives me some new ideas to solve this.