Images in accordion getting cut off
4 posters
Page 1 of 1
Images in accordion getting cut off
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.
Re: Images in accordion getting cut off
That is strange.
Try changing the size of the accordion in the javascript.
Try changing the size of the accordion in the javascript.
Re: Images in accordion getting cut off
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.
Re: Images in accordion getting cut off
You will need to resize the width of the image you added on the forum.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Images in accordion getting cut off
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.
Re: Images in accordion getting cut off
The 3, 4, 5th slide images, reduce the width & check.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Images in accordion getting cut off
\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.
Re: Images in accordion getting cut off
Can you provide me with a test account which has admin access?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Images in accordion getting cut off
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.
Re: Images in accordion getting cut off
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.
Re: Images in accordion getting cut off
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.
Re: Images in accordion getting cut off
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.
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.
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>
Re: Images in accordion getting cut off
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.
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.
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. Hopefully this helps RPM.
Re: Images in accordion getting cut off
RPM, see if runawayhorses solution works for you or not?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Images in accordion getting cut off
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.
It looks better, but not it cuts of the other side. I also changed the width.
Re: Images in accordion getting cut off
@Pendo, You're welcome!
@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.
@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.
Re: Images in accordion getting cut off
You can call me runaway if you like..
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..
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..
Re: Images in accordion getting cut off
runawayhorses wrote:You can call me runaway if you like..
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..
Would it be something to look for in the CSS or a Java code?
Re: Images in accordion getting cut off
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.
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.
Re: Images in accordion getting cut off
Nothing changed. I re-added both Javas, and the CSS, but nothing changes.
Re: Images in accordion getting cut off
In generalities, add this to the end of the welcome picture url:
width="710">
so the code starting with img looks like this:
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.
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.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum