Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] tag inserted between sliced <img>'s - a WP thing? but want to rule out ATA


  #1  
Old Apr 16, 2012, 04:31 AM
arthurmild
 
50 posts · Aug 2010
Cape Town
Hello

This page contains sliced images and their rollovers - I built the page a few weeks ago and all was fine.

I have now made new slices and see the effect below between images 3 and 4

http://tiny.cc/ncsucw

In fact WP has inserted a <p> tag between each and every image ( see view source )

The images are in a div with id "bodies"

So what I did was this particularly graceless hack to try and remedy it in the short term

Code:
#bodies p {max-height:1px;}
This works to prevent all but the one stubborn <p> tag displaying


NB - there are no <p> tags in the code posted into WP page (see below)


Any ideas


Code as posted directly into wp page below:
Code:
<div style="width:320px;margin:0 0 0 0;float:left;background:#f3f3f3;border: 1px solid #444; border-radius:3px;padding:5px">


<a href="#"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','http://capejointsurgery.co.za/2012/wp-content/images_stephen/bodies-cjs_2_01.jpg',1)">
<img style="margin:0 0 0 0;padding: 0 0 0 0 ;border: 0px none; border-radius:0px;float:left" src="http://capejointsurgery.co.za/2012/wp-content/images_stephen/l_bodies-cjs_2_01.jpg" name="Image1"  border="0" id="Image1" /></a>

<a href="#"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','http://capejointsurgery.co.za/2012/wp-content/images_stephen/bodies-cjs_2_02.jpg',1)"onclick="MM_showHideLayers('intro','','hide','shoulder','','show','elbow','','hide','hand','','hide','hip','','hide','knee','','hide','foot','','hide')">
<img style="margin:0 0 0 0;padding: 0 0 0 0 ;border: 0px none; border-radius:0px;float:left" src="http://capejointsurgery.co.za/2012/wp-content/images_stephen/l_bodies-cjs_2_02.jpg" name="Image3"  border="0" id="Image3" /></a>

<a href="#"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','http://capejointsurgery.co.za/2012/wp-content/images_stephen/bodies-cjs_2_03.jpg',1)"onclick="MM_showHideLayers('intro','','hide','shoulder','','hide','elbow','','show','hand','','hide','hip','','hide','knee','','hide','foot','','hide')">
<img style="margin:0 0 0 0;padding: 0 0 0 0 ;border: 0px none; border-radius:0px;float:left" src="http://capejointsurgery.co.za/2012/wp-content/images_stephen/l_bodies-cjs_2_03.jpg" name="Image4"  border="0" id="Image4" /></a>

<a href="#"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','http://capejointsurgery.co.za/2012/wp-content/images_stephen/bodies-cjs_2_04.jpg',1)"onclick="MM_showHideLayers('intro','','hide','shoulder','','hide','elbow','','hide','hand','','show','hip','','hide','knee','','hide','foot','','hide')">
<img style="margin:0 0 0 0;padding: 0 0 0 0 ;border: 0px none; border-radius:0px;float:left" src="http://capejointsurgery.co.za/2012/wp-content/images_stephen/l_bodies-cjs_2_04.jpg" name="Image5"  border="0" id="Image5" /></a>

<a href="#"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','http://capejointsurgery.co.za/2012/wp-content/images_stephen/bodies-cjs_2_05.jpg',1)"onclick="MM_showHideLayers('intro','','hide','shoulder','','hide','elbow','','hide','hand','','hide','hip','','show','knee','','hide','foot','','hide')">
<img style="margin:0 0 0 0;padding: 0 0 0 0 ;border: 0px none; border-radius:0px;float:left" src="http://capejointsurgery.co.za/2012/wp-content/images_stephen/l_bodies-cjs_2_05.jpg" name="Image6"  border="0" id="Image6" /></a>

 <!-- etc etc etc etc -->

</div>

Last edited by arthurmild; Apr 16, 2012 at 04:37 AM.
  #2  
Old Apr 16, 2012, 05:54 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
When looking at the html view in WordPress take out the spaces between images. A space in the html view is a P tag in the source view.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Apr 16, 2012, 10:30 PM
arthurmild
 
50 posts · Aug 2010
Cape Town
Thanks Larry,

A very obvious gap knowledge gap filled there !


Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Inserting horizontal rule removes the content of the whole post Jacek01 Center area post/pages 7 Apr 24, 2011 07:04 PM
[SOLVED] Unwanted blank paragraphs inserted &lt;p&gt; &lt;/p&gt; jbharding Forum How-To 2 Dec 28, 2010 11:27 PM
[SOLVED] Modifying horizontal rule RHCdG Header configuration & styling 4 Feb 27, 2010 12:07 PM
[SOLVED] Align horizontal rule in body of post PrairieProg Center area post/pages 2 Dec 29, 2009 03:20 PM
[SOLVED] Sliced Photoshop file in body results in huge padding richardalois Header configuration & styling 5 Dec 29, 2009 04:02 AM


All times are GMT -6. The time now is 01:40 PM.


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