Menu
The current project I’m working on:
[url]www.themusicstudioofnewjersey.com
On a regular monitor, it all appears centered, but on laptops and widescreens, the text is not centered. I know it’s because I used layers in dreamweaver to add the text and nudged the layer to center it, but how where would I place the <center> tag in the coding to center each layer?
[code]<html>
<head>
<title>The Music Studio Of New Jersey</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<style type=”text/css”>
<!–
#Layer1 {
position:center;
left:479px;
top:429px;
width:394px;
height:366px;
z-index:1;
}
#Layer2 {
position:absolute;
left:399px;
top:433px;
width:365px;
height:570px;
z-index:1;
}
#Layer3 {
position:absolute;
left:402px;
top:431px;
width:367px;
height:434px;
z-index:1;
}
#Layer4 {
position:absolute;
left:480px;
top:374px;
width:252px;
height:33px;
z-index:1;
}
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 12px;
}
#Layer5 {
position:center;
left:477px;
top:416px;
width:382px;
height:402px;
z-index:2;
}
.style2 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
–>
</style>
</head>
<body bgcolor=”#FFFFFF” leftmargin=”0″ topmargin=”0″ marginwidth=”0″ marginheight=”0″>
<center><div class=”style1″ id=”Layer4″>"Educating Lives Through Music." </div></center>
<div id=”Layer5″>
<p class=”style2″>Welcome to the <strong>Music Studio of New Jersey</strong>. We are focused on providing the best instruction within our creative and professional environment. Beginner through advanced; we provide instruction for guitar, piano, bass, vocals, and drums.</p>
<p class=”style2″> </p>
<p class=”style2″>Call now for enrollment in our <strong>Winter 2007 group vocal and drum programs</strong>. Students will enjoy learning in our relaxed environment by having the benefits of small group interaction and discussion. Learning the art of music has never been more exciting and fun! </p>
<p class=”style2″> </p>
<p class=”style2″>We offer professional digital recording on the premisis in our state-of-the-art facility. Recording sessions can be priced to meet your budget! Artists of all genres can record, mix, and master their music with our producers and engineers. </p>
<p><span class=”style2″>We offer private and group instruction rates which can be obtained by <a href=”contact.html”>contacting</a> the school<strong> for tuition information</strong></span><strong>.</strong> </p>
</div>
<center><table id=”Table_01″ width=”851″ height=”901″ border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td rowspan=”23″>
<img src=”images/index_01.gif” width=”61″ height=”900″ alt=””></td>
<td>
<a href=”about.html”><img src=”images/index_02.gif” alt=”” width=”155″ height=”53″ border=”0″></a></td>
<td colspan=”7″>
<a href=”vocal.html”><img src=”images/index_03.gif” alt=”” width=”126″ height=”53″ border=”0″></a></td>
<td colspan=”4″>
<a href=”bass.html”><img src=”images/index_04.gif” alt=”” width=”92″ height=”53″ border=”0″></a></td>
<td colspan=”3″>
<a href=”drums.html”><img src=”images/index_05.gif” alt=”” width=”87″ height=”53″ border=”0″></a></td>
<td colspan=”5″>
<a href=”guitar.html”><img src=”images/index_06.gif” alt=”” width=”76″ height=”53″ border=”0″></a></td>
<td colspan=”2″>
<a href=”recording.html”><img src=”images/index_07.gif” alt=”” width=”83″ height=”53″ border=”0″></a></td>
<td colspan=”2″>
<a href=”contact.html”><img src=”images/index_08.gif” alt=”” width=”110″ height=”53″ border=”0″></a></td>
<td rowspan=”23″>
[B]<<< VARIOUS IMAGE CODES DELETED FOR SHORTER POST LENGTH>>>> [/B]
</table>
<!– End ImageReady Slices –>
</body>
</html>