How do i convert my HTML to a CSS format...i put this image sequence togther in HTML but i want to be able to post it right...but i dont know how to go about doing that. Some one please help
<html>
<head>
<style type="text/css">
p.ridge {border-color: #FFD700; position: absolute; top:690px; left: 260px; width: 100;
border-style: ridge;text-align: center;font-family: times; color: #00000}
b.ridge {border-color: #FFD700; position: absolute; top:740px; left: 215px; width: 190;
border-style: ridge;text-align: center;font-family: times; color: #00000}
</style>
</head>
<body>
<IMG STYLE="position :absolute; TOP:0px; Left: 70px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 102px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 132px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 162px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 192px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 222px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 252px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 282px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 312px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 342px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 372px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 402px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 432px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 462px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 492px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 522px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:0px; Left: 552px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 70px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 102px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 132px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 162px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 192px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 222px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 252px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 282px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 312px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 342px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 372px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 402px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 432px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 462px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 492px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 522px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:660px; Left: 552px; WIDTH:30px; HEIGHT:30px" SRC="http://i146.photobucke t.com/albums/r277/Leahxcore1/animated%20and% 20flashy/thblue.gif">
<IMG STYLE="position :absolute; TOP:35px; LEFT:100px; WIDTH:449px; HEIGHT:621px" SRC="http://i26.photobucket .com/albums/c142/Graywolf21/ge7h4h.png" alt="klematis"
style="-moz-opacity:0.4;fil ter:alpha(opaci ty=99)"
onmouseover="th is.style.MozOpa city=1;this.fil ters.alpha.opac ity=100"
onmouseout="thi s.style.MozOpac ity=0.4;this.fi lters.alpha.opa city=99" />
<IMG STYLE="position :absolute; TOP:450px; LEFT:350px; WIDTH:145px; HEIGHT:175px" SRC="http://avatar2.gaiaonl ine.com/gaia/members/ava/9a/97/2adbd7b21c979a_ flip.png">
<p class="ridge">" STFU Becca"</p>
<b class="ridge">" My hero for all time"</p>
</body>
</html>