我最近在wordpress博客上安装并修改了某个模板。所有的修改都非常简单(删除我不想要的div)，但请考虑一下我完全不了解网页设计的事实。如何并排设置2个按钮

就像我在前面的问题中解释的，我试图并排显示两个按钮，每个按钮都链接到我的网站中的特定页面。

我的第一个挫折是试图让他们显示，因为模板解析了明文而不是将短代码转换为按钮(我使用了一个名为MaxButtons的插件 - 对于那些不知道它的人它使得按钮的创建和管理变得更简单)。幸运的是，我在一个使用do_shortcode函数的stackoverflow成员的帮助下克服了这个问题。现在，我的代码如下所示：

我最近的问题，为什么我问这个问题的原因是，我怎么能得到并排显示侧面的按钮？此刻，button2只显示在按钮1的前面，这显然是不需要的。他们出现这样的：

我想我应该张贴指的是网站的特定部分我的样式表的一部分(其实我不知道这是不是..)

/*=====Slider-Style Start

========================================*/

.slider-wrapper {

width:950px;

height:400px;

background:url(images/slide-shaddow.png) 85px 334px no-repeat;

margin-bottom:0px;

}

#container {

width:581px;

margin:0 auto;

position:relative;

float:left;

z-index:0;

background-color:#fff;

}

#example {

width:581px;

height:333px;

position:relative;

margin-left:0;

background-color:#fff;

}

#frame {

position:absolute;

z-index:0;

width:739px;

height:341px;

top:-3px;

left:-80px;

}

/*

Slideshow

*/

#slides {

position:absolute;

top:15px;

left:0px;

z-index:10;

background-color:#fff;

}

.slides_container {

width:581px;

overflow:hidden;

position:relative;

display:none;

background-color:#fff;

}

.slides_container div.slide {

width:581px;

height:325.4px;

display:block;

background-color:#fff;

}

.slides_container div.slide img, .slides_container div.slide iframe{

width:581px;

height:325.4px;

}

/*

Next/prev buttons

*/

#slides .next {

position:absolute;

top:107px;

right:-220px;

width:24px;

height:43px;

display:block;

z-index:101;

}

#slides .prev {

position:absolute;

top:107px;

left:-25px;

width:24px;

height:43px;

display:block;

z-index:101;

}

#slides .next {

left:585px;

}

/*

Pagination

*/

.pagination {

margin:26px auto 0;

width:100px;

position:absolute;

left:25px;

bottom:-25px;

z-index:9999999px;

}

.pagination li {

float:left;

margin:0 2px;

list-style:none;

}

.pagination li a {

display:block;

width:13px;

height:0px;

padding-top:13px;

background-image:url(images/pagination.png);

background-position:0 0px;

float:left;

overflow:hidden;

}

.pagination li.current a {

background-position:0 -13px;

}

.slider-info {

margin-top:15px;

padding-top:25px;

padding-left:23px;

padding-right:20px;

height:299.3px;

width:326px;

float:right;

border-top:1px dotted #888;

background-color:#fff;

}

.slider-info h1 {

font-size:26px;

line-height:35px;

margin-bottom:30px;

}

.slider-info p {

line-height:24px;

text-shadow: .1px .1px .1px #aaa;

font-size:14px;

}

/*=====Slider-Style End

========================================*/

任何帮助表示赞赏，谢谢提前:)

+2

请出示你的HTML输出，而不是你的PHP代码是不相关的这个问题。 –

2012-07-31 17:14:04

+0

我假设您要求我向您展示的是我在浏览器中看到的内容，如果我查看了我的页面的源代码。我将添加相关部分。谢谢。 –

2012-07-31 17:17:54

+0

为什么你的HTML中有大量的CSS？ –

2012-07-31 17:22:39