Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Contents of a post coming 'through' the right sidebar.


  #1  
Old Oct 25, 2009, 05:40 PM
kostermw
 
23 posts · Oct 2009
Did not notice this in Internet Explorer, but in two other browsers (Google Chrome and Apple Safari) I get a weird effect, such that the (tabled) content of my posts is coming through the sidebar.

See for yourself at:
http://www.elefantin.nl/

Any idea why that is happening?
  #2  
Old Oct 25, 2009, 06:56 PM
juggledad's Avatar
juggledad
 
23,728 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try adding 'size-full' to the 'class=' in the <img.....>
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 26, 2009, 09:13 AM
kostermw
 
23 posts · Oct 2009
Please can you be a little more precise?

Did you mean adding an attribute to the CSS class, or adding something to the <image ...> tag itself?

Also I do not know about a 'size-full' attribute.

If you meant size="full" then my CSS editor gives an error saying that size is not an allowed attribute in XHTML transitional 1.0
  #4  
Old Oct 26, 2009, 09:34 AM
juggledad's Avatar
juggledad
 
23,728 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Are you using a plugin to add the images, or did you build teh table yourself?

If you built it yourself, you have this code
HTML Code:
<table class="photoblog" border="0">
<tbody>
<tr>
<td><a href="http://www.elefantin.nl/gallery/sprookjesbeelden/index.html"><br />
<img class="style_no_border" src="/blogged/blog_sprookjesbeelden/p1.jpg" alt="sprookesbeelden1" width="180" height="135" /></a></td>
<td><a href="http://www.elefantin.nl/gallery/sprookjesbeelden/index.html"><br />
<img class="style_no_border" src="/blogged/blog_sprookjesbeelden/p2.jpg" alt="sprookesbeelden2" width="100" height="135" /></a></td>
<td><a href="http://www.elefantin.nl/gallery/sprookjesbeelden/index.html"><br />
<img class="style_no_border" src="/blogged/blog_sprookjesbeelden/p3.jpg" alt="sprookesbeelden3" width="180" height="135" /></a></td>
<td><a href="http://www.elefantin.nl/gallery/sprookjesbeelden/index.html"><br />
<img class="style_no_border" src="/blogged/blog_sprookjesbeelden/p4.jpg" alt="sprookesbeelden4" width="100" height="135" /></a></td>
<td><a href="http://www.elefantin.nl/gallery/sprookjesbeelden/index.html"><br />
<img class="style_no_border" src="/blogged/blog_sprookjesbeelden/p5.jpg" alt="sprookesbeelden5" width="180" height="135" /></a></td>
</tr>
</tbody>
</table>
just change each of the class="style_no_border" to class="style_no_border size-full". The 'size-full' class is built into the Atahualpa CSS

If a plugin created the table, you could try a CSS Insert
HTML Code:
table.photoblog tr td a img.style_no_border{
max-width:96%;
width:auto 100%;
margin:5px 0 5px 0
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Oct 26, 2009, 11:29 AM
kostermw
 
23 posts · Oct 2009
I created the HTML myself, and adding the extra class info makes the images to disappear completely.
  #6  
Old Oct 26, 2009, 12:13 PM
juggledad's Avatar
juggledad
 
23,728 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you make it look like this
HTML Code:
<table class="photoblog" border="0">
<tbody>
<tr>
<td><a href="http://www.elefantin.nl/gallery/sprookjesbeelden/index.html"><br />
<img class="style_no_border size-full" src="http://www.elefantin.nl/blogged/blog_sprookjesbeelden/p1.jpg" alt="sprookesbeelden1" width="180" height="135" /></a></td>
<td><a href="http://www.elefantin.nl/gallery/sprookjesbeelden/index.html"><br />
<img class="style_no_border size-full" src="http://www.elefantin.nl/blogged/blog_sprookjesbeelden/p2.jpg" alt="sprookesbeelden2" width="100" height="135" /></a></td>
<td><a href="http://www.elefantin.nl/gallery/sprookjesbeelden/index.html"><br />
<img class="style_no_border size-full" src="http://www.elefantin.nl/blogged/blog_sprookjesbeelden/p3.jpg" alt="sprookesbeelden3" width="180" height="135" /></a></td>
<td><a href="http://www.elefantin.nl/gallery/sprookjesbeelden/index.html"><br />
<img class="style_no_border size-full" src="http://www.elefantin.nl/blogged/blog_sprookjesbeelden/p4.jpg" alt="sprookesbeelden4" width="100" height="135" /></a></td>
<td><a href="http://www.elefantin.nl/gallery/sprookjesbeelden/index.html"><br />
<img class="style_no_border size-full" src="http://www.elefantin.nl/blogged/blog_sprookjesbeelden/p5.jpg" alt="sprookesbeelden5" width="180" height="135" /></a></td>
</tr>
</tbody>
</table>
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Oct 26, 2009, 02:05 PM
kostermw
 
23 posts · Oct 2009
Yes I did. And the result in Internet Explores is that the images disappear. In Chrome and Safari, a neat resizing effect is the result, but some sort of spacing seems to be (re)introduced. I have put both ways of HTML coding in the exisiting post so you can see for yourself. It looks either IE or Chrome/Safari are bugged.
  #8  
Old Oct 27, 2009, 02:23 PM
juggledad's Avatar
juggledad
 
23,728 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
just an update, I've been playing with your generated code and I get three diffrent results. IE acts one way, Firefox another and Safari and Chrome act a third way. (sigh...I hate IE). I'm waiting to hear from Flynn about part of it and to see if it can be fixed somehow.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Oct 27, 2009, 03:03 PM
kostermw
 
23 posts · Oct 2009
Yup I noticed this too :-P

It surely has to do with the differences in the render engines of those browsers.

I did expected minor difference in the presentation, but this is pretty major.

I think I will need to start learning PHP and CSS to create a plugin which makes these small photo_blog thingies automatically. I already know ASP and I love IE ;-) so I guess I need to forget everything already learned.

Thanks for taking some time to dig into this. Let me know if you require input from my side.
  #10  
Old Nov 3, 2009, 01:50 PM
kostermw
 
23 posts · Oct 2009
Quote:
Originally Posted by juggledad
... I'm waiting to hear from Flynn about part of it and to see if it can be fixed somehow.
Has Flynn been able to shed some light on it?
  #11  
Old Nov 3, 2009, 06:06 PM
juggledad's Avatar
juggledad
 
23,728 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I haven't heard too much from him, he is busy getting Themeframe ready for beta. I'll send him another note.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Nov 3, 2009 at 06:19 PM.
  #12  
Old Dec 14, 2009, 08:42 AM
kostermw
 
23 posts · Oct 2009
It is a pitty this did not get sorted out.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
how to create 2 page nav bars with different contents johullster Page & Category Menu Bars 10 Nov 9, 2011 01:10 PM
WP 2.9 coming paulae Installing & running WordPress 3 Dec 3, 2009 11:06 AM
Add posts from 1 category beneath contents of page wynk Atahualpa 3 Wordpress theme 3 Oct 8, 2009 03:01 AM
[SOLVED] Contents have moved to the left side maksev Sidebars & Widgets 5 Aug 24, 2009 10:05 PM
Hackdalic's Table Of Contents Box Plugin -- is a Yes! fromtheranks Plugins & Atahualpa 2 Jun 29, 2009 04:49 PM


All times are GMT -6. The time now is 02:41 AM.


Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.