2011-09-24 59 views
-1

我想将设计编码为HTML和CSS。这是一个小片段。我在定位方面存在问题,并且似乎不能将元素置于正确的位置。 http://www.sarahjanetrading.com/js/j/people-list.pngCSS网页元素定位不正确

我也想的复选框输入看起来像一个设计:

我的网页可以在http://www.sarahjanetrading.com/js/j/index.html

,我想复制可以在这里找到设计中找到。复选框可以设置样式吗?

+1

在这个问题中你有两个问题。第一个不够清楚 - 请解释你有什么问题,并显示一些相关的HTML和CSS代码。第二个已经有答案了:http://stackoverflow.com/search?q=html+style+checkboxes –

+0

检查我提供的网页的网址。我用花车来定位元素。但正如你在网页上看到的,它看起来像一团糟。我想知道我做错了什么?..谢谢 –

回答

0

改变你的CSS是这样的:

#people-list #content h2 { 
font-size: 16px; 
float: left; 
margin-left: 10px; 
margin-top: 5px; 
width: 355px; 
} 
#people-list #content small { 
font-size: 12px; 
color: #8F9092; 
margin: 5px 0 8px; 
display: block; 
float: left; 
width: 355px; 
display: block; 
margin-left: 9px; 
} 
#people-list #content .tags { 
border-radius: 7px; 
box-shadow: inset 0px 6px 2px 8px #f5f5f5; 
border: 1px solid #E3E3E3; 
padding: 2px; 
font-size: 9px; 
margin-right: 3px; 
margin-left: 10px; 
} 

,并检查该链接样式复选框 http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

+0

谢谢man..this是我寻找的那种答案:) –

-1

是,复选框可样式,尽量把按钮放在一个div并更改显示属性内联