I am trying to work around
not having templates for the Asset Publisher for the Asset Publisher by modifying the portlet's CSS, and it looks like some of my CSS is either not working or is breaking something. Any CSS experts want to chime in?
Here's what I am doing. I would like to have the article's small image in the abstract appear above the text and expanded to fit my theme's 70% area. So, I have entered this CSS:
.asset-content img{
border:5px solid #E7F3FF;
display:block;
float:right;
width:580px;
}
This works like a champ. But if the user puts a very tall image in, the image height pushes down too far. Ideally, I would like to constrain this with a height of 160px, but doing that causes me to lose flexibility and could cause the image to look funky.
So, I thought it made sense to put try a couple of advanced CSS items, but they have no effect:
margin-top:-10px;
margin-left:-10px;
overflow:hidden;
bottom: -50px;
and using clip works, but it messes the layout up since it requires the object to be absolutely positioned:
position:absolute;
clip: rect(0px, 580px, 160px, 0px);
So, if any CSS gurus out there have any insight on how I can dynamically resize these images, I would appreciate it!
