Joomla Templates Club 406,261 posts

[artaddicted Friend artaddictedJoin date: June 2008Posts: 50Downloads:0Uploads:3 Thanked: 2 times in 1 posts]

#133842

Just noticed that if I use a larger picture and a Sticky Note on the same page there appears to be formating problems.

• The Sticky Note container expands the total width of the section
• The Picture lays over the Sticky Note Box
• The contents (Type) within the Sticky Note box is adjusted for the Picture and its padding

I think the Sticky Note box should also be adjusted to stop at the Picture padding. Is there a fix for this?

Here is a live link to the site showing this issue: SITE

I have changed most of the other imaged and replaced with ones that fit. However, I would like to see a fix for this issue.

---

Attachments:

1. 

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#273019

One thing you can try is to add a specific width to the stickynote in the css file, search for this:

p.stickynote
and you can add width: 60%; to it to see if that helps you out, if you need to use many different you can copy the p.stickynote css and name it p.stickynote-1 and add a different width to it

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#273020

looks more like an image allignment or size issue rather than a problem with you stickynote…

Why not add a few more lines of text to overcome this problem which will also give a more balanced look to your page…making the main text area line up with the modules in the left

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#273023

OR It can help to set width and height of the image?

[artaddicted Friend artaddictedJoin date: June 2008Posts: 50Downloads:0Uploads:3 Thanked: 2 times in 1 posts]

#273175

I have already made some changes to other pages that include:

1. Changing the dimensions of the image to fit the available area
2. Changing the image to a horozional image
3. Adding additional text to the content area
4. Not using the Sticky Note

I was just hoping that there would be a way to get the Sticky Note pad to adjust to the image border (Hor: 15px, Vir: 10px). I will select one or more of the above to make things look more appropriate.

Currently, I fixed all of the images width to 250px with the hight adjusting.

<blockquote>if you need to use many different you can copy the p.stickynote css and name it p.stickynote-1 and add a different width to it
</blockquote>

This would be the best option for me, if there is no way to automatically adjust to the Sticky Note pad padding, and I was not willing to make any of the above adjustments.

Thank you all for your input. If there is a corrective measure to make the Sticky Note pad adjust automatically, I would be happy to try to get it to work.

[Author]

Posts