0

我的朋友为我设计了我的网页,但现在已经去度假了,我只知道最基本的东西。我想减小我的一个页面上按钮的宽度。

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

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

这是它在我的网站上实际外观的问题,需要减小尺寸,以便按钮全部向左移动。 http://freebetoffersonline.com/bet-calc.php

4

4 回答 4

1

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

首先使用Firefox,然后安装Firebug 扩展。重启火狐。

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

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

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

Firebug 右侧有一个“样式”选项卡,它会显示样式,包括width来自各种 CSS 类的样式。它还将向您显示 CSS 样式表的位置。

更好的是,您可以更改样式,包括width要测试的样式,看看您认为可能有效的更改是否会真正实现您认为的效果。

于 2013-09-15T00:15:52.860 回答
0

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

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

于 2013-09-15T00:13:04.727 回答
0

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

于 2013-09-15T00:13:22.627 回答
0

我不确定您要更改哪些按钮的大小,所以这个答案将是相当通用的。

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

于 2013-09-15T00:09:55.867 回答