The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Images in accordion getting cut off

View previous topic View next topic Go down

In progress Images in accordion getting cut off

Post by RPM on Fri Feb 22, 2013 12: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
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 on Fri Feb 22, 2013 2:32 pm

That is strange.

Try changing the size of the accordion in the javascript.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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 on Fri Feb 22, 2013 2:38 pm

I did. I did it multiple times.

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 on Fri Feb 22, 2013 2: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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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 on Fri Feb 22, 2013 2:54 pm

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

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 on Fri Feb 22, 2013 8:26 pm

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM on Sun Feb 24, 2013 8:24 am

@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
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 on Sun Feb 24, 2013 8:36 am

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM on Sun Feb 24, 2013 8:48 am

@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
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 on Sun Feb 24, 2013 11:27 am

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM on Sun Feb 24, 2013 12:28 pm

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

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 on Sun Feb 24, 2013 5:30 pm

@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
Forumember

Male Posts : 199
Reputation : 12
Language : English | CSS | HTML | BBCode | C++ | Javascript
Location : Alabama, USA

http://sg-rpg.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by runawayhorses on Sun Feb 24, 2013 6:21 pm

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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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 on Sun Feb 24, 2013 6:29 pm

@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
Forumember

Male Posts : 199
Reputation : 12
Language : English | CSS | HTML | BBCode | C++ | Javascript
Location : Alabama, USA

http://sg-rpg.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by runawayhorses on Sun Feb 24, 2013 6:51 pm

@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>

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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 on Sun Feb 24, 2013 7:16 pm

@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
Forumember

Male Posts : 199
Reputation : 12
Language : English | CSS | HTML | BBCode | C++ | Javascript
Location : Alabama, USA

http://sg-rpg.forumotion.com/

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by Sanket on Mon Feb 25, 2013 4:47 am

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: Images in accordion getting cut off

Post by RPM on Mon Feb 25, 2013 5:13 am

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
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 on Mon Feb 25, 2013 3: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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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 on Mon Feb 25, 2013 6:18 pm

@ RaH: What can i do to fix it?

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 on Mon Feb 25, 2013 6:28 pm

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

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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 on Mon Feb 25, 2013 6:32 pm

@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
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 on Mon Feb 25, 2013 6:38 pm

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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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 on Mon Feb 25, 2013 7:14 pm

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

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 on Mon Feb 25, 2013 7:39 pm

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.

runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

View previous topic View next topic Back to top


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