Topic: CSS problem

[Mido]

Hi,
Today I have set Simple Featured Entries Module to my homepage ( http://nasigurno.com )
I modified the template css to get a second look smplefeautired module. Although my knowledge of css modestly I managed to get what I wanted. I have only one problem. The image on the right side is lowered below the title. I've tried various ways to raise, but I failed.
Here ( http://nasigurno.com/slike/ns.jpg ) you can see exactly what it is and the right picture as they would like to look.
Css  that I wrote looks like this:

div.mod_sobi2simplefeatured  div.entry {
  background: #F6F6F6;
  border: 2px solid #DDDDDD;
  padding-left:15px;
  padding-right:15px;
  margin: 0 0 5px;
  float:right;
  position:relative;
  left:-2%;
  width:90%;
  height:140px;
}
div.mod_sobi2simplefeatured div.title {
  font-size: 17px;
  font-weight: bold;
  padding-top:5px;
}
div.mod_sobi2simplefeatured div.image img {
  height: 100px;
  padding-top:-33px;
  float:right;
  }

Thanks

[aboututila]

Because of the way your Site Template is designed, and to get something that looks like your ns.jpg illustration,
I would suggest trying;
div.mod_sobi2simplefeatured  div.entry {
  background: #F6F6F6;
  border: 2px solid #DDDDDD;
  padding: 2px 15px;
  margin: 2px;
  float:left;
  width:255px;
  height:110px;
}
div.mod_sobi2simplefeatured div.title {
  font-size: 17px;
  font-weight: bold;
  padding-top:5px;
}
div.mod_sobi2simplefeatured div.image img {
  height: 100px;
  margin-top: -23px;
  float:right;
}

Layout works OK in Firefox, you may need to check it in Internet Explorer

Your other option is to change the sequence of how mod_sobi2simplefeatured outputs the HTML elements (output the image before the other elements and then float:right the image) by modifying {MyJoomlaInstallation}/modules/mod_sobi2simplefeatured/tmpl/default.php - See Module Template

Regards - Mark

[Mido]

I just change this:

  float:right;
  position:relative;
  left:-2%;
  width:90%;
  height:110px;

and is OK now.
Thanks a lot,
Midhat

[aboututila]

I am glad you found a solution.
I am sorry, but in your ns.jpg illustration you showed two Entries side-by-side, and I thought this is what you wanted, hence my code suggestion.

Regards - Mark

[Mido]

That was what I had (left) and what I want Right) 

Thanks again