ok, that was definitely clear enough.
it’s all down to the css I reckon… lets just try to be creative with that first, and if you don’t like the results we can resort to custom fields.
not having a link to your site, I’m going to guess that your css classes are named just like the default Kubrick theme (which is pretty common, cos everyone seems to mod that)
you’ll need to squeeze your ‘entry’ class to make way for the image.
lets say the image is 75 pixels wide.. your ‘entry’ class will need to have the following in it:
margin-right: 85px;
or if there are existing margins defined, incorporate your new margin thusly:
margin: x 85px x x
where the Xs are whatever other margins you have there.
you also want the ‘entry’ class to allow for its contents to be positioned absolutely. You can do that by adding:
position: relative;
now you need to work out how wide your resulting text entry space is. add another line to .entry to put a border around it (border: 1px solid #ff0000;) once that’s in place, screen cap your page, and use your favourite picture editing proggie and find out how many pixels there are there, including the border.
lets call that number $y
now… if this will be the only image in your posts, you can make a new definition in your style sheet that goes something like this:
.entry img {
position: absolute;
top: 0;
left: $y+10;
}
don’t put the honking $+%$ shit in there, just add ten to the number you found earlier.
make sense? – we’re trying to force the image outside the .entry class. this should work just fine, and avoid your custom field crapola.
if this won’t be the only image in your post, then you’ll need to add another class like…
.entry .feature {
position: absolute;
top: 0;
left: $y+10;
}
then make sure your first line in each post is:
<img class="feature" src="[url goes here]" alt="" />
I think that should do it. If not… fruit!
