我的朋友为我设计了我的网页,但现在已经去度假了,我只知道非常基础知识。我想减少我的一个页面上按钮的宽度。
我认为这是编码的一部分(它说(“.betbutton”)我需要改变但只是不知道如何 - 希望有人可以帮助我 - 谢谢
$(".betbutton").click(function(){
$("#numberofbets").html(this.attributes["nob"].value);
bet = this.attributes["bet"].value;
这是它在我的网站上实际看起来的问题,并且需要减小尺寸,所以按钮都向左移动。 http://freebetoffersonline.com/bet-calc.php
答案 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,你应该没问题: - )