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

#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:

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

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.

Thanks Larry,

A very obvious gap knowledge gap filled there !