/*Social Bar For FB Twit YouT*/
#leftcontainerBox {
float: left;
z-index: 1000;
}
#leftcontainerBox .buttons {
clear: both;
float: left;
height: 75px;
margin: 4px;
padding-bottom: 2px;
padding-left: 3px;
width: 85px;
}
/*End Social Bar Code*/
#rightcontainerBox {
float: right;
z-index: 1000;
}
#rightcontainerBox .buttons {
clear: both;
float: right;
height: 75px;
margin: 4px;
padding-bottom: 2px;
padding-right: 3px;
width: 85px;
}
/*Right Side Menu Bar*/
</style>
</head>
<body>
<br>
<center><h1>King Fizz / MBR Test CSS3</h1></center>
<center><p><b>Note:</b> <font color="#FFFFFF"><b>This Spot Reserved For Logo</b></font></p></center>
<center><p><font color="#00FF00"><b>This spot reserved for Menu</b></font></p></center>
<br>
<div align="center"><div id="youtube"><iframe width="420" height="315" src="http://www.youtube.com/embed/yE4mZZpsXCE" frameborder="0" allowfullscreen></iframe></div>
<br>
<div id="box1"><font color="#FF8000"><b><img src="images/eng_01.jpg" width="199" height="186" alt="" border="0"></b></font></div>
<br>
<div id="box2"><font color="#808080"><b><img src="images/outl_01.jpg" width="200" height="190" alt="" border="0"></b></font></div>
<br>
<div id="box3"><font color="#C0C0C0"><b><img src="images/embr_01.jpg" width="188" height="199" alt="" border="0"></b></font></div>
<br>
<br>
<div class="customfont">This is my font.</div>
<br>
<br>
<div style="border:1px solid #808080;position:fixed; top:40%; left:0px;" id="leftcontainerBox">
<div class="buttons">
<img src="social/faceb.png" width="80" height="80" alt="" border="0">
</div>
<div class="buttons">
<img src="social/twitter.png" width="80" height="80" alt="" border="0">
</div>
<div class="buttons">
<img src="social/yout.png" width="80" height="80" alt="" border="0">
</div>
<div style="border:1px solid #808080;position:fixed; top:40%; right:0px;" id="rightcontainerBox">
Is not working
. I got everything good so far thanks to your guys help, I can't explain in words how much this means to me. I'm actually doing my first CSS website
