需要帮助来减少按钮的宽度

时间:2013-09-15 00:07:41

标签: javascript html

我的朋友为我设计了我的网页,但现在已经去度假了,我只知道非常基础知识。我想减少我的一个页面上按钮的宽度。

我认为这是编码的一部分(它说(“.betbutton”)我需要改变但只是不知道如何 - 希望有人可以帮助我 - 谢谢

$(".betbutton").click(function(){
$("#numberofbets").html(this.attributes["nob"].value);
bet = this.attributes["bet"].value;

这是它在我的网站上实际看起来的问题,并且需要减小尺寸,所以按钮都向左移动。 http://freebetoffersonline.com/bet-calc.php

4 个答案:

答案 0 :(得分:1)

而不是给你一条鱼,我会教你钓鱼。

首先使用Firefox,然后安装Firebug extension.重启Firefox。

重新启动后,应该有一个Firebug菜单,打开它。

Firebug打开后,单击蓝色箭头图标,可以选择元素检查器。

然后使用元素检查器检查“按钮”元素。

Firebug右侧有一个“样式”标签,它会显示样式,包括各种CSS类的width。它还会显示CSS样式表的位置。

更好的是,您可以更改包括width在内的样式进行测试,看看您认为可能有效的更改是否会实际按照您的意愿行事。

答案 1 :(得分:0)

我不确定你要改变哪些按钮的大小,所以这个答案会非常通用。

您需要使用CSS。在您的按钮的HTML内放置style="width:100px;"或您想要的任何宽度。如果按钮的HTML中已存在style属性,只需将width:100px;添加到样式中。

答案 2 :(得分:0)

在style.css第797行,有.bidlist width属性。将其减少到像580px这样的东西并看到它们缩小:)

您的朋友将按钮设置为出价列表容器宽度的25%,因此每行将有4个拟合。如果减少父容器的宽度,它们也会缩小。在style.css文件中,实现了所有元素的设计,包括容器宽度。这就是你改变的部分,而不是HTML(标记)中的某个部分。

答案 3 :(得分:0)

当您使用Chrome的Web Inspector查看按钮时,您会发现它们具有动态宽度。容器名称.bidlist的固定宽度为880px。把它改成~560px,你应该没问题: - )