Image in news module

I have never managed to insert an image in news article as it works in ordinary article element. Whenever I had tried to attach the image using "Add an image" (to the news item), image shows but it was misplaced (not the place where it should be), and headline was shifted to the right to clear space above the image (which caused text overlapping in the space on the left which is used for the rest of headline).

Also,

I can't change one property of .back class.

I define property:

Code:

---

text-decoration: none;

---

but the text "back" is still underlined. All other properties are working as they were defined.

PS. Because of that I am inserting images using text editor, but in that case, the light-box isn't available.

A link will be helpfull. Use Firebug to controll your CSS. To remove the underline of Links in .back use the selector '.back a'

Quote:

---

Originally Posted by Andreas

A link will be helpfull. Use Firebug to controll your CSS. To remove the underline of Links in .back use the selector '.back a'

---

".back a" resolved the issue. Thanks.

About images... It seems like the insert image split the area where the image is (usually in top left), and clear all text shifting it to the right column (text area), so there is no text above the image. That would be okay, in case that the headline is unmoved, but it moves text in headline too.

What are you talking about? Show an example please.

Sorry,

here are the examples:

[attachment=1:3hfr1vkc]example-be.jpg[/attachment:3hfr1vkc]

[attachment=2:3hfr1vkc]example.jpg[/attachment:3hfr1vkc]

I can't find where I am getting wrong? I use template news_latest for news archive and news_full for news reader.

The screenshot from above is from news reader. Below is from the news archive module.

[attachment=0:3hfr1vkc]example3.jpg[/attachment:3hfr1vkc]

Try to play around with firebug to see whats going on or to fix it.

If .image_container is set to float:left; all following siblings float around the right side of the element. Cleanest way to fix it is to change the order in template from

Code:

---

.image_container
h2
text

---

to

Code:

---

h2
.image_container
text

---

Best dirty way is to positon your h2 absolute.

The cleanest way has done the job.

Thank you for your advice.

PS. Dirty way is really "dirty", so it makes more damage than it is useful, in case of distinct backgrounds.

Nice to see. Maybe I by myself would have done it with CSS ;)

Quote:

---

Originally Posted by Andreas

Nice to see. Maybe I by myself would have done it with CSS ;)

---

I have tried that at first. But, I am not sure what properties I should change. :roll:

It would be the most elegant way for sure.

Play around with firebug in a demo installation. It's a nice practice anyway. :D