Misplaced <b> tag causing layout issues

[DannyVarley]

Perfect, Ill start looking around those files and if nothing works I will start comparing the files to see the changes!

Many thanks for all your help. I will update the thread when I find the culprit!

Daniel

[mc12345678]

May I suggest using the tool barco57 recommended to search for: section group... It looks like there are some extra "closures" that are basically changing how CSS is applied. Looks like one reason that it was stated that the template doesn't follow typical ZC formatting is that the left column is drawn after the center column, instead of in series from left to right... This could result in the CSS not being "properly" applied and therefore not "shifted" up from the end of the middle content...

[carlwhat]

danny,
i would highly recommend getting your html validated using one of the tools i previously posted or anything else.

that said, i AGREE with you that it is the <b></b> tags that are causing your problem.

using the developers toolkit to search for a <b> tag could be problematic as i'm guessing there area lot of those tags. i would search for:

<aside class="columnLeft col col_1_of_4">

or some part thereof... the <b> tag that should not be there is right above that; and you would also want to remove the closing </b> tag.

good luck!

[frank18]

Did an analysis using the html validator as suggested earlier and I am getting 1 warning, 25 errors and 1 fatal error. the validator can not even complete the analysis.

28. Error: End tag form seen, but there were open elements.

From line 899, column 1; to line 899, column 7

arBoth"/>↩</form>↩</div


29. Fatal Error: Cannot recover after last error. Any further errors will be ignored.

From line 899, column 1; to line 899, column 7

arBoth"/>↩</form>↩</div

There seems to be no opening <form> tag.....

So, using developers tool kit I would be looking for </form> (instead of <b>) and eliminate that.

That </form> tag does not exist in other product listings.

[frank18]

Need to (partly) correct my last post.

In the problematic listing you have

<form name="multiple_products_cart_quantity" action="http://kitchenwarehouseltd.com/complete-kitchen-units/roma-classic/brilliant-white-units?action=multiple_products_add_product" method="post" enctype="multipart/form-data"><input type="hidden" name="securityToken" value="some...value"/>

(rest of the code)

</form>

But still, none of the other product listings (which display as desired) contain these tags.

[lruskauff]

Did an analysis using the html validator as suggested earlier and I am getting 1 warning, 25 errors and 1 fatal error. the validator can not even complete the analysis.




There seems to be no opening <form> tag.....

So, using developers tool kit I would be looking for </form> (instead of <b>) and eliminate that.

That </form> tag does not exist in other product listings.

Start from the start. Sometimes fixing one will cascade down and fix others. For example, fixing 4 (remove ;) should fix 5.

[lruskauff]

One of your first errors is after this line:

<meta name="description" content="Welcome to Kitchen Warehouse UK. We are a wholesale retailer of luxury kitchens including kitchen doors, units, taps and more! Buy online today!
"/>

There is a hard return after the !. I'm not sure but it might be causing your problems. Oh, and when I said "start from the start" I meant top.

[barco57]

seems everybody is overthinking it...use the tools...when inspecting the page in chrome and editing the html for the page and removing the open and closing <b> tags that are wrapped around the entire left column contents, the page displays as expected. So that would mean finding where the stray <b> tag is being inserted and removing it. bold tags just don't appear out of nowhere...

[frank18]

seems everybody is overthinking it...use the tools...when inspecting the page in chrome and editing the html for the page and removing the open and closing <b> tags that are wrapped around the entire left column contents, the page displays as expected. So that would mean finding where the stray <b> tag is being inserted and removing it. bold tags just don't appear out of nowhere...

Yep, I could replicate this in Firefox - you are spot on (overthinking all right.. )

Guess one way of finding the file is searching for

<aside class="columnLeft col col_1_of_4">

and locating the <b></b> near that block

[lruskauff]

[QUOTE=frank18;1298705]Yep, I could replicate this in Firefox - you are spot on (overthinking all right.. )

Guess one way of finding the file is searching for

<aside class="columnLeft col col_1_of_4">
[\quote]

Sorry, I missed barco response. Yes, that would fix that but I still think OP should fix other errors too.