area focus issue

Permalink November 12, 2015 at 12:59 AM

Hi

I'll try to explain

can anybody tell me why the content area is also wrapping (highlighting) the image area when I hover over?

I am trying to get an area for image to edit and a content area under image to edit (maybe I have over complicated it?)

this is what I have which in a normal html+css page test minus the php seems to work

It's like the content div is closing the thumbnail div but it shouldn't as far as I can see

<main>
<div class="container">
<div class="row">
<?php
for($i=1; $i<5; ++$i) {?>
<div class="col-xs-6 col-sm-6 col-md-3">
<div class="thumbnail_container">
<div class="thumb">
<?php
$a = new Area('Image_'.$i);
$a->display($c);
?>
</div>
</div>
<div class="content">
<?php
$a = new Area('Content_'.$i);
$a->display($c);
?>
</div>
</div>
<?php }?>
</div>
</div>
</main>

I'm open to any way to code this to get the desired result

LT

MrKDilkington replied on Nov 12, 2015 at 2:04 pm Permalink Reply

Hi lowtech,

Can you take screenshots of the issues you are describing.

lowtech replied on Nov 12, 2015 at 5:44 pm Permalink Reply

Hi MrKD

Sorry for delayed reply. I somehow got locked out of my account and had to apply for a reset.

Anyway, it's ok. I changed the code to this which got what I wanted for this test layout.

<div class="row">
<?php
for($i=1; $i<5; ++$i) {?>
<div class="col-xs-6 col-sm-6 col-md-3">
<?php
$a = new Area('Image_'.$i);
$a->display($c);
?>
<?php
$a = new Area('Content_'.$i);
$a->display($c);
?>
</div>
<?php }?>
</div>

Thanks

LT