html - cakephp使div成为一个链接

标签 html css cakephp

我有下面的 div,它循环绘制以列出设置到 View 的一些 Assets

到目前为止,我已经在 caption div 下为图像和链接文本添加了链接。但是,我想将类 "col-sm-12 col-lg-4 col-md-6" 的整个 div 制作成移动设备的可点击链接。将 div 包裹在 a 标记中只会将其应用于图像而不是 div 的其余部分。我如何实现这一目标?

 <?php echo "<a href={$url}>";
            ?>
                <div class="col-sm-12 col-lg-4 col-md-6">
                    <div class="thumbnail">
                        <div>
                            <!-- image -->
                            <?php echo $this->Html->image(Hash::get($a, 'image'), array(
                                'class' => 'assetImg cover',
                                'alt' => Hash::get($a, 'alt_tag'),
                                'title' => Hash::get($a, 'alt_tag')
                            )); ?>
                        </div>
                        <div class="caption">
                            <h4>
                                <?php
                                    echo $this->Html->link(Hash::get($a, 'model_name'), array(
                                        'controller' => Hash::get($a, 'url'),
                                        'action' => Hash::get($a, "id"),
                                    ));
                                ?>
                            </h4>
                            <div class="row">
                                <div class="col-xs-4">Price:</div>
                                <div class="col-xs-8"><?php echo $this->Number->currency((Hash::get($a, 'sale_price', 0)), 'EUR', array(
                                        'zero' => 'POA',
                                        'places' => 0,
                                        'thousands' => ","
                                    )); ?></div>
                            </div>
                            <div class="row">
                                <div class="col-xs-4">Year:</div>
                                <div class="col-xs-8"><?php echo Hash::get($a, 'year') ?></div>
                            </div>
                            <div class="row">
                                <div class="col-xs-4">Hours:</div>
                                <div class="col-xs-8"><?php echo Hash::get($a, 'hours') ?></div>
                            </div>

                        </div>
                    </div>
                </div>
            </a>

最佳答案

您已经在 div 中锚定了。嵌套锚定是不可能的。
A 元素定义的链接和 anchor 不得嵌套; A 元素不得包含任何其他 A 元素。
检查这个
Creating anchor tag inside anchor tag

关于html - cakephp使div成为一个链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36155212/

相关文章:

html - 根据分辨率折叠 div

javascript - 调整大小时,ScrollMagic 不尊重我的 div 的高度

javascript - 如何使水平div滚动条像固定的CSS div一样 float

css - Elementor 更改按钮悬停在列上的部分图像

php - 将旧版 Ajax 脚本集成到 CakePHP 中

cakephp - 如何在 CakePHP 2.0 中发送带有附件的电子邮件?

HTML5 Canvas 不清除

javascript - 以更高的分辨率使页面布局居中

javascript - 如何像这样在 TinyMCE 中高亮句子?

php - CakePHP fatal error : Call to a member function check() on a non-object?