I wanted my About Me page box to look like my Galleries Page box, so I added a Boxtop among other things. http://www.eleonoracollini.com/Other/AboutMe/18596119_nTK6Lx
The problem is that I can neither move the boxtop on top of the albumdescription box nor have it centered.
Any advice would be really appreciated. Thanks in advance
Try this
<html>
<div id="myBoxTop" class="boxTop"></div> <!-- closes myBoxTop div -->
<div id="descContent">
<div class="myPhoto">
<img src="/photos/i-BVgFr72/0/S/i-BVgFr72-S.jpg" width="300" height="250">
</div> <!-- closes myPhoto div -->
<div class="myText">
<p>Born in Milan (Italy), a few years ago I moved to London where I started working as a freelance photographer. After living between the United States and UK for a while, I just recently settled back in the British Capital.</p>
<p> I'm passionate about any kind of photography but I specialise in Music Photography.
</p>
<p>I'm a regular contributor of <a href="%20http://www.qromag.com/%20">QRO Magazine</a>.</p>
</div> <!-- closes myText div -->
</div> <!-- closes descContent div -->
<div class="spacer"></div>
</html>
CSS
/* START gallery 18596119 */
.gallery_18596119 #albumDescription {
margin-top: 40px; /* gap from navbar at top */
h eight: 500px;
background: none; /* background of description box */
padding: 0x 40px 40px 0px; /* top right bottom left */
/* spacing inside box from edges */
}
.gallery_18596119 #myBoxTop {
width: 728px;
height: 12px;
text-align:center;
margin: 0 auto; /* top right bottom left */
}
.gallery_18596119 .myPhoto {
float: left; /* allows the text to flow to the right */
padding: 0 30px 10px 0; /* top right bottom left */
} /* spacing of text around photo */
/* END gallery 18596119 */
#descContent {
background: #181818;
padding: 20px;
height: 300px;
border: 1px solid #222;
}
/* END gallery 18596119 */