Hi,
The below code works fine when you run in its' own page.
Code:
<style>
.ku_label { width:133px;float:left; padding-left:5px;padding-top:2px; }
.kuImage { width:10px;float:left; }
.styleContainer { float:left; width:155px;height:21px; background-
color:#6699cc;
font-family:arial; font-size:.8em; color: #FFFFFF; font-weight:bold; }
</style>
</head>
<body>
<!-- start prospectus -->
<div class="styleContainer">
<div>
<div class="ku_label">prospectus</div>
<div class="ky_image"><img src="images/tr_arr1.jpg" alt="Kingston
University"/>
</div>
</div>
</body>
However when I put it into the right hand container cell of my page, the image, 'ky_image' drops below 'ku_label'.
Does anyone have any idea why this would be happening.
The width of the right hand column in page is 160px so I know that my problem div is within the width of it's container.
I think that something is happenning with float but i cant get my head arround this as the code seems logical.
(maybe there is something I have defined in the rest of the page that is obstructin smooth runnin gof page..... I have had to use clear:both in numerous places to get page to re-align.... Why is this?)
Any help would be appreciated.
Cheers
Steve |
