Hi, first, many thanks for your great help!
I am happily starting a "new" topic, following your request:
" Re: Inconsistent space within images and content
« Reply #14 on: Today at 11:48:59 »
Hi
I have looked at your site. There are 5 pictures and you have resized them nicely so they are all 150px wide. As far as I can see the text is close, perhaps too close, to the righthand side of the pictures. The text in the first two entries is slightly lower than that in the remaining three. Is that what is troubling you?
Please advise which Files layout you have activated.
For the Home button please start as a new topic as that helps me!!
Colin"
We are now developing the same website here:
http://family.webmaster-sos.com/
The problem can be seen on any page under the "Resource Library", this is an example:
Mixed dimension images show the problem here: (150x118 Vs. 118x150)
http://family.webmaster-sos.com/governance.html
http://family.webmaster-sos.com/domestic-violence-in-the-workplace.html
The problem is not obvious with smaller width dimension images (about 118x150)
http://family.webmaster-sos.com/business-plans-a-feasibility-studies.html
Again, assuming we have the same problem after we moved the site from server to server, I looked for your previous instructions, which worked great, I just could not find them in the forum.
Please let me know if there is ay other information I can provide to help solve the problem.
MANY THANKS!
[gelöscht durch Administrator]
Hi
Please note that the present arrangement is that the first image sets the width of the space for the images. Please see first pic attached where all the text is aligned to start at the same position.
I went to http://family.webmaster-sos.com/domestic-violence-in-the-workplace.html and modified the online css so that each image now occupies its own width and the text abuts it. See pic 2. Is that how you would like it? it would of course be straight forward to add more space between image and text.
Also please advise which Files Layout you are using. It looks like "Standard Files Layout without Checkboxes v2.5"
Colin
[gelöscht durch Administrator]
Many thanks for your response.
Yes, the result you show in the "soacing02" image is consistent to what the client wants to see.
I went and checked the Files Layout and could not see any selected, so, I went ahead and selected Standard Files layout v2.5
Thanks again for your help.
Hi
Did you Activate the Standard Files Layout without Checkboxes V2.5? Is there a modified one? I ask because the default one puts the image on the right of the screen after the description. So I am now a bit confused! Maybe you could PM me an admin login to your test site.
Colin
Many thanks for your help. I am sending you logins via PM now.
Regards,
BM
Hi
I have visited layout but still a trifle confused. Do you add any modified code (php) files?
Colin
No, I have not modified the JDownloads php files at all...
Hello again,
I wonder if you can help us solve this issue with the space within content and images.
This is the list of things I have tried to see if the problem resolves, somehow, but nothing has worked so far:
1. Updated Jdownloads to latest version
2. Updated the Joomla core to latest version
3. Updated the Gantry core to latest version
4. Updated default template to latest version
My client is insistent we must fix this issue before we launch the site. I have tried everything I can using Firebug and editing all possible areas that could help with this, but I have not been able to pin point
the code that will effect all image and content areas of JDowloads results pages, for example: http://family.webmaster-sos.com/index.php/brochures-fjc
The client's argument:
Shouldn't all images either horizontal or vertical have the same distance within the image and the content?
If the first image sets the width of the rest of the image/content relationship, all images nonetheless should maintain a consistent margin of separation to the left of the images (in this case).
We are finally getting closer to launch this website after a long year of highly complicated development. we just need to fix the issue with JDownloads and I was hoping t use the same solution you shared with me in my first post of this same issue, for which I cannot find your
very helpful images showing me how to fix the separation within images and content. i wonder is you still could find them.
Many, many thanks for your very kind support!
Looking forward to your reply.
BeatrizM
Hi
Sure I will help. Your client is wrong! But then all clients think they are right ???
I should get some later today
Colin
Many thanks for you help!
The reason why my client thinks so is this: (please visit the old version of the site by pressing the following link)
http://www.familyjusticecenter.org/jdownloads/viewcategory/69-brochures-fjc.html
if you notice, all images are separate from the content with about 4 or 5 px distance. That is what they want me to fix, they want the same look in the new site.
Hi
Onyour old site the reason why everything looks fine is that all the pics are scaled to being 150px wide.
So you could do that on the new site. There are many image re-sizing programs, one I find very useful is 'PicResizer' it is free and most importantly will resize a whole directory of pictures to the same size into a separate directory
colin
Hello,
this will be a better example:
http://www.familyjusticecenter.org/jdownloads/viewcategory/60-governance.html
Please notice the different width in the images. The ones that are not as wide as 150px just show a bit more separation from the content.
All images are exactly the same in the old as in the new. The new site is showing the same information. Hence the client's contention, they just want the same result in the new site, content separated from images.
Looking forward to your reply,
Beatriz
Beatriz,
Just to be clear you want the new site to look like the old site where the old site is like that shown in the link below.
http://www.familyjusticecenter.org/jdownloads/viewcategory/60-governance.html
In the above example all of the descriptions are aligned so that a narrower picture has more space on its left and right.
I thought that was what the new site also did but iI need to re-check.
I am writing this on my tablet so I will need to send the second part separately.
Colin
Thank you Colin!~
Yes, that is what I need, some space within images and content.
I understand that horizontal images will show less space in relation to content, and that vertical images show a bit more space when in vertical alignment.
Please see attached.
[gelöscht durch Administrator]
So we just need a little more space to the right of the pictures? The descriptions still be aligned horizontally
Colin
Beatriz,
I have found the source of the "challenges". You may recall I thought perhaps that you had some standard php module. Well you do not but almost!! It would seems that when you create a description for a download you have some 'preforma' as each of the descriptions has some added code. So there is some extra code but it was not obvious where it was located!! ???
Before explaining more please note I have changed the layouts to not use the editor but to be simple text. One can see things better that way. Option is "Use WYSIWYG-editor for layouts?" in Config - Backend, now set to No.
I looked at a description and switched the editor to show code. Its the <> like symbol. Hey presto it has the trouble some code that I was seeing. ;D ::)
<table style="font-family: Verdana, Geneva, sans-serif; font-size: 12.727272033691406px; line-height: 18.18181800842285px;" border="0" cellspacing="5">
<tbody>
<tr>
<td align="center" valign="top" width="150"><img style="border: 1px solid;" src="images/resourcelibrary/dv101/screenshot.png" alt="screenshot" width="150" height="120" />
</td>
<td valign="top">
<p>Using the Power and Control Wheel developed by Ellen Pence and Domestic Abuse Intervention Project, Casey Gwinn and Gael Strack will interview four survivors from the National Family Justice Center Alliance VOICES Committee about their experiences with their abusers. This practical seminar will help police officers, prosecutors, and advocates in learning how to use the Power and Control Wheel to interview victims of domestic violence, strangulation, and spousal sexual assault.</p>
<p style="margin-top: 10px; margin-bottom: 15px;"><strong>To purchase CEU credits for this course, please see the webinar recording above.</strong>
</p>
</td>
</tr>
</tbody>
</table>We can now fix everything but you have the unenviable task of editing every description. :( Basically the <table> related code that is contained in each description should be in the layout. Then you are in control. To help you I will make a suitable layout and fix one category. Think this will be Domestic Violence 101 as it only has ten entries.
More later
Colin
Colin,
thank you for all your help.
I was thinking about how to make this easier to fix, you may know by now that there is a big number of entries and I need to deliver this ASAP.
So I have this question, is there a way to fix this via the database?
I was thinking, maybe by doing a "find and replace" in the database by using this code below, which seems to be related to all entries:
"<table style="font-family: Verdana, Geneva, sans-serif; font-size: 12.727272033691406px; line-height: 18.18181800842285px;" border="0" cellspacing="5">
and change it to a fixed font size, same as in the rest of the site?
I found this, using Firebug:
font-size: 14px;
line-height: 1.7em;
}
So, I was thinking replacing it with this:
"<table style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 1.7em;" border="0" cellspacing="5">
Would this work, in your opinion?
Many thanks, again,
Beatriz
Colin,
in case it serves as reference, this is the website for which you helped me fix the exact same problem:
http://family.sandiego-webmaster.com/communications.html
You created a few images and provided me with some changes to the code, (which is the information I cannot find), and the result is what you can see in that page example.
I tried downloading the JDownloads sql for the website I point above, and uploaded it to the the database for this website (below), where I am also testing the issue:
http://joomla.webmaster-sos.com/index.php/downloads/category/21-teen-relationship-violence
Unfortunately, no changes. The images are still displayed too close to the text (paragraphs), horizontal images and vertical images alike.
I am hoping this information will help you find the solution.
Beatriz
Beatriz
Yes changing the database would be the quickest option. But not the part you suggest. Also I would do that by using the jD Tools Backup and Restore I have attached three pics:
- spacing10.png is as present; spacing12.png is result of Change 1 and Change 2.
- spacing11.png is result of Change 1 below;
- spacing12.png is result of Change 1 and Change 2.
The easiest and safest way of doing the bulk change is to use the jD Tools to create a Backup - make sure you tick the option box to get the log stuff.
Note also in the txt file that is created the " symbols have to be preceded by a \ that is use \"Obviously make a copy of the txt file and edit the copy - might also be an idea to make a site backup as well.
For doing changes like this I recommend using Notepad++ on your PC - its the only text editor I use now!
Change 1replace <td valign=\"top\">
by <td style=\"padding-left: 15px;\" valign=\"top\">
that is effectively add style="padding-left: 15px;"
obviously change the value the padding-left to suit
Change 2replace <td align=\"center\" valign=\"top\" width=\"150\">
by <td align=\"center\" valign=\"to\p">
that is effectively remove width="150"
When done then use the Restore Tool to put it back. Obviously between the Backup and Restore lock everyone out!!
If it fouls up then you can Restore the original backup.
For your convenience I attach two txt files. One file is the original jD backup and the other is a backup with Change 1 done. There are 740 instances!!
There is a section on Backup and Restore in http://www.jdownloads.net/documentations/item/permissions-problems-after-migration-to-new-series
Colin
PS I cannot find previous pics either!!
[gelöscht durch Administrator]
Many thanks Colin!
I will work on this and will let you know how it went.
Beatriz,
How are things doing?
Colin
Colin,
thank you for asking!
I am starting in this issue today.
I have spent the last two days fixing something else first, would that not get fixed I would have had to build a new site.
Now, JDownloads.
I will surely keep you posted.
Colin,
just want to make sure, you know that I am working on a mac environment all throughout, UTF-8 for character encoding.
I wonder if that changes anything in the case with the backward slash "\" or anything else.
Beatriz,
Yes the | are needed - it is the sql that is being reloaded by jDownloads on the server, which is not a Mac environment. The database Backup was prepared and downloaded by jD and should be reloaded by using the Tool - Restore function
Colin
Thank you Colin,
I am still awaiting for the upload of the downloads folder to be finished, to see if the images will display correctly.
To be safe I am working on a copy of the website template package here:http://strangulation.webmaster-sos.com/).
(Please, do not mind the title of the sub-domain. This was going to be a new release of a website from the same client (Family Justice Center Alliance), which they use to promote information about how to protect oneself from such type of events.).
What I did so far:
I downloaded a copy of the JDownloads database from the website that we fixed first: (see the following, as example of how a page looks after the fix: http://family.sandiego-webmaster.com/prosecution.html)
Then, I am uploading a copy of the "downloads" folder to the server for this copy: (link will take you directly to a category, as I haven't copied the menus to this website test):
http://strangulation.webmaster-sos.com/index.php/downloads/category/4-u-visa
The folder is 7.5 Gigs large. It is at 80% almost 6 hours after I started.
Will be in touch!
Colin, it worked!
I used the fixed database you attached and uploaded it to the family site and it worked!! I am SOOOO thrilled!! Thank you so much.
See the solution in this example:
http://family.webmaster-sos.com/index.php/mental-health-a-substance-abuse
I am happy you did attached that copy because I tried to change the database myself a few times and I must have been doing something wrong, (most probably the "\"), because it wasn't working.
(Hopefully, my client will now be happy too. :)
Thank you sincerely,
Beatriz M.
Beatriz,
Excellent! I am pleased as well as your site is good.
I think that whilst still fresh in your mind you should document what is the status and where the source of the challenge lay. Also the existing proforma for the Descriptions could be much better sorted. The long term sustainable solution could also be resolved by editing the jD backup.
The problems you had may well be down to the text editor you are using as the newline, carriage return,line feed may well be differently interpreted.
Should you need assistance with a long term solution then I could assist if needed.
Colin
Thank you Colin!
I will very much keep your advise in mind.
I'll be in touch in the near future about the long term solution.