The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Images in accordion getting cut off

4 posters

Go down

In progress Images in accordion getting cut off

Post by RPM February 22nd 2013, 8:00 pm

Hi! I have another problem with the accordion. Everytime i add a pic, the front or back end getscut off. No matter what dimensions the graphic designers make the image, it still happens.
RPM
RPM
Forumember

Posts : 375
Reputation : 7
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by runawayhorses February 22nd 2013, 10:32 pm

That is strange.

Try changing the size of the accordion in the javascript.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM February 22nd 2013, 10:38 pm

I did. I did it multiple times.
RPM
RPM
Forumember

Posts : 375
Reputation : 7
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by runawayhorses February 22nd 2013, 10:41 pm

It sounds like the padding in the CSS for the accordion, try making that a lesser number. You'll have to experiment which padding does what, so I would suggest coping all the CSS for the accordion first so you can revert it back if necessary.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM February 22nd 2013, 10:54 pm

:@ Damn! No matter what i do, nothing works.
RPM
RPM
Forumember

Posts : 375
Reputation : 7
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by Sanket February 23rd 2013, 4:26 am

You will need to resize the width of the image you added on the forum.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM February 24th 2013, 4:24 pm

Sanket wrote:You will need to resize the width of the image you added on the forum.

That`s my problem - i did - but it still cuts it off. BlackScorpion and DustyBones tryed tons of lengths, but none worked.
RPM
RPM
Forumember

Posts : 375
Reputation : 7
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by Sanket February 24th 2013, 4:36 pm

The 3, 4, 5th slide images, reduce the width & check.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM February 24th 2013, 4:48 pm

Sanket wrote:The 3, 4, 5th slide images, reduce the width & check.
\
? Why not the 1st and 2nd?

EDIT: done. Now it just cuts off both sides.
RPM
RPM
Forumember

Posts : 375
Reputation : 7
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by Sanket February 24th 2013, 7:27 pm

Can you provide me with a test account which has admin access?
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM February 24th 2013, 8:28 pm

sure. i`ll make it and pm it to ya.
RPM
RPM
Forumember

Posts : 375
Reputation : 7
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by Pendo February 25th 2013, 1:30 am

RPM wrote:Hi! I have another problem with the accordion. Everytime i add a pic, the front or back end getscut off. No matter what dimensions the graphic designers make the image, it still happens.

I had this same problem and this worked for me. Try making the content of the image smaller and centered then make a clear space around the image. Give me the image link for one of your images and I'll show you what I mean.
Pendo
Pendo
Forumember

Male Posts : 217
Reputation : 13
Language : English
Location : USA

http://lorecraft.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by runawayhorses February 25th 2013, 2:21 am

I found that if you put the images in Generalities (welcome message) and use <div id=""> it eliminates a lot of alignment issues, not to mention you can also link the images to other pages or websites that way.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by Pendo February 25th 2013, 2:29 am

runawayhorses wrote:I found that if you put the images in Generalities (welcome message) and use <div id=""> it eliminates a lot of alignment issues, not to mention you can also link the images to other pages or websites that way.

That's an interesting suggestion. Could you give some instructions on how to do that? I'm scared I'll mess something up. Razz
Pendo
Pendo
Forumember

Male Posts : 217
Reputation : 13
Language : English
Location : USA

http://lorecraft.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by runawayhorses February 25th 2013, 2:51 am

Pendo wrote:That's an interesting suggestion. Could you give some instructions on how to do that? I'm scared I'll mess something up. Razz

Well copy everything you have first before you try this and change anything, so you can add it all back like it was before if you run into problems, but this works if you do it correctly. Smile

Add this code below to Generalities welcome message, and edit the fields in the code to add your image URLs, links to websites or pages, title of name you want to show when a picture is hovered over, and names you want to show for each picture.

In your CSS stylesheet remove all the ids and image URLs associated with pictures, that would be the codes in the tutorial that addresses the images being added to the CSS stylesheet.


AP>>Display>>Generalities>>
Code:
<center><div id="one" class="accordion">
        <ol>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s01"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" /></a></div>
            </li>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s1"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" border="0"/></a></div>
            </li>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s5"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" border="0"/></a></div>
            </li>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s2"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" border="0"/></a></div>
            </li>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s3"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" border="0"/></a></div>
            </li>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s4"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" border="0"/></a></div>
            </li>               
        </ol>
        <noscript>
            <p>Please enable JavaScript to get the full experience.</p>
        </noscript>
    </div>
</center>
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by Pendo February 25th 2013, 3:16 am

runawayhorses wrote:
Pendo wrote:That's an interesting suggestion. Could you give some instructions on how to do that? I'm scared I'll mess something up. Razz

Well copy everything you have first before you try this and change anything, so you can add it all back like it was before if you run into problems, but this works if you do it correctly. Smile

Add this code below to Generalities welcome message, and edit the fields in the code to add your image URLs, links to websites or pages, title of name you want to show when a picture is hovered over, and names you want to show for each picture.

In your CSS stylesheet remove all the ids and image URLs associated with pictures, that would be the codes in the tutorial that addresses the images being added to the CSS stylesheet.


AP>>Display>>Generalities>>
Code:
<center><div id="one" class="accordion">
        <ol>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s01"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" /></a></div>
            </li>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s1"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" border="0"/></a></div>
            </li>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s5"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" border="0"/></a></div>
            </li>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s2"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" border="0"/></a></div>
            </li>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s3"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" border="0"/></a></div>
            </li>
            <li>
                <h2><span>NAME ON ACCORDION HERE</span></h2>
                <div id="s4"><a href="URL OF LINK DESTINATION GOES HERE"><img src="URL OF IMAGE GOES HERE" title="TITLE NAME GOES HERE" border="0"/></a></div>
            </li>               
        </ol>
        <noscript>
            <p>Please enable JavaScript to get the full experience.</p>
        </noscript>
    </div>
</center>

Yes! This helps exceptionally with alignment among other things. Very helpful. Thank you. Smile Hopefully this helps RPM.
Pendo
Pendo
Forumember

Male Posts : 217
Reputation : 13
Language : English
Location : USA

http://lorecraft.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by Sanket February 25th 2013, 12:47 pm

RPM, see if runawayhorses solution works for you or not?
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM February 25th 2013, 1:13 pm

I`ll try it when i get home. thanks

It looks better, but not it cuts of the other side. I also changed the width.
RPM
RPM
Forumember

Posts : 375
Reputation : 7
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by runawayhorses February 25th 2013, 11:08 pm

@Pendo, You're welcome! Smile

@RPM, It sounds like you have some template issues if you were using phpbb2, and if you're using phpbb3 it sounds like you have some scripts running interfering with the accordion. What you are experiencing should not be happening.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM February 26th 2013, 2:18 am

@ RaH: What can i do to fix it?
RPM
RPM
Forumember

Posts : 375
Reputation : 7
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by runawayhorses February 26th 2013, 2:28 am

You can call me runaway if you like.. Smile

If it is indeed a script causing the problem there is no simple answer because it could be a number of things causing it, if its the template you would need to check where you made any modifications and redo what you done, then check and see if it fixed your accordion problem. I really have no direct solution to your problem because it could be many things.

Perhaps someone here can help you further, I'm out of ideas for you, sorry.. Smile
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM February 26th 2013, 2:32 am

runawayhorses wrote:You can call me runaway if you like.. Smile

If it is indeed a script causing the problem there is no simple answer because it could be a number of things causing it, if its the template you would need to check where you made any modifications and redo what you done, then check and see if it fixed your accordion problem. I really have no direct solution to your problem because it could be many things.

Perhaps someone here can help you further, I'm out of ideas for you, sorry.. Smile



Would it be something to look for in the CSS or a Java code?
RPM
RPM
Forumember

Posts : 375
Reputation : 7
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by runawayhorses February 26th 2013, 2:38 am

I would think if its the accordion coding needs adjustments it would be in the CSS padding.

What I would do if I were you is go back to the tutorial and reinstall the CSS and just the part that is for the styling, leave the images out and keep them in generalities like you have it now, just reinstall the rest of the CSS coding from the tutorial, and while you're at it go ahead and replace the javascript since you made some adjustments to it.

Start fresh with the only changes being that the images are in generalities,and take it from there.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM February 26th 2013, 3:14 am

Nothing changed. I re-added both Javas, and the CSS, but nothing changes.
RPM
RPM
Forumember

Posts : 375
Reputation : 7
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by runawayhorses February 26th 2013, 3:39 am

In generalities, add this to the end of the welcome picture url:

width="710">

so the code starting with img looks like this:

Code:
<img title="Welcome!" src="http://i1042.photobucket.com/albums/b430/RapsGraphics/forum/rpm-wel-ban-blu2.png" width="710">

If it works and I think it will, add that width="710" to all the picture urls just like above.

If the 710 is too short or wide, change the number.

You really need to eventually resize the pictures, but that should fix it for now.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum