制作一个完整的< div>当一个模块被加载到内部时可链接 [英] Make an entire <div> linkable when a module is loaded inside to it

查看:271
本文介绍了制作一个完整的< div>当一个模块被加载到内部时可链接的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我的问题涉及在模块加载到内部时使整个DIV可链接(Joomla 2.5.latest)。



我有4个并排的盒子,所有这些都在我的custom-css中。

  .box1 {
width:22%;
height:225px;
border-radius:5%;
-moz-border-radius:5%;

等。等等。






在我的HTML中我有这个:

 < div class =box1> {module Colors module:Challenges}< / div> 

我使用Joomla 2.5。最新的,我在模块中加载了一个模块,即颜色模块挑战进入box1,box1在Joomla模块内(与其他3个模块一起)。






每个方框(1,2,3,4)都有一个不同的模块加载在里面。




我喜欢的是整个盒子1和2以及3和4可连接以上计划吗?我阅读了:

 < a class =box1href =http://www.abc.com> {加载模块}< / A> 

但这根本不起作用,不知道为什么。如果我忽略{loadmodule}部分,那么它就可以工作,但这对我没有帮助。我需要在里面加载模块。

我想在CSS / HTML本身完成我的愿望(现在JavaScript已经远远超出我的头脑了)。任何帮助非常感谢。谢谢,伙计们。

我是一个完全新手,但试图快速学习CSS / HTML ...))

解决方案

好吧,我不确定如果我明白你的意思,但我认为向 .box1 添加 display:block 应该使< a> 解决方案工作...(< a> 是默认的内联类型)。 b

如果您的问题与Joomla有关,那么对不起,但我不知道Joomla


My question relates to make an entire DIV linkable when a module is loaded inside to it (Joomla 2.5.latest).

I have 4 boxes side by side, all as below in my custom-css.

.box1 {
  width: 22%;
  height: 225px;
  border-radius: 5%;
 -moz-border-radius: 5%; 

etc. etc. etc.


In my HTML I have this:

<div class="box1">{module Colours module: Challenges}</div>

I use Joomla 2.5. latest and I loaded a module inside a module, i.e. the colours module challenges goes into box1 and box1 is inside a Joomla module (together with 3 other modules).


Every box (1,2,3,4) has a different module loaded inside it.


What I would love to have is the ENTIRE box 1 and 2 and 3 and 4 LINKABLE with above plan??? I read about:

<a class="box1" href="http://www.abc.com">{loadmodule}</a>

but this does not work at all, not sure why. If I leave out the {loadmodule} part, then it works, but that doesn´t help me. I need the module loaded inside.

I would like to accomplish my wish in CSS/HTML itself (javascript is too far over my head for now). Any help much appreciated. Thanks, guys.

P.S. I am a complete newbie but trying to learn CSS/HTML fast... :))

解决方案

Well I'm not sure if I get you right, but I think that adding display: block to your .box1 should make your <a> solution work... (<a> is default inline type).

If your problem is with Joomla, then sorry but I don't know Joomla

这篇关于制作一个完整的&lt; div&gt;当一个模块被加载到内部时可链接的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆