为什么每次用div+ul+li的时候 左面都多出来一大块

这是页面的代码:
<td width="519" height="140" align="left" valign="top">
<div id="newslist">
<ul>
<li><a href="#">北辰-新领地以“实现人性化户型,追求舒适化生活”为理念.......</a><span>[2010-08-07]</span></li>
<li><a href="#">北辰-新领地以“实现人性化户型,追求舒适化生活”为理念.......</a><span>[2010-08-07]</span></li>
<li><a href="#">北辰-新领地以“实现人性化户型,追求舒适化生活”为理念.......</a><span>[2010-08-07]</span></li>
<li><a href="#">北辰-新领地以“实现人性化户型,追求舒适化生活”为理念.......</a><span>[2010-08-07]</span></li>
</ul>
</div>
</td>
这是css样式
#newslist{
margin-left:0px;
line-height:30px;
width:auto;
}
#newslist ul{
}
#newslist ul li{
margin-left:0px;
border-bottom:#FFF solid 1px;
width:100%;
}
#newslist ul li a:link,#newslist ul li a:visited{
float:left;
font-weight:100;
text-decoration:none;
}
#newslist ul li a:hover{
float:left;
font-weight:100;
text-decoration:underline;
}
#newslist ul li a:actived{
float:left;
font-weight:100;
text-decoration:none;
}
#newslist ul li span{
float:right;
font-weight:100;
}
为什么做出来以后前面多出来了一块,还有列表前面那个点也跑的后面去了
怎么才能解决了啊??????
额 话说林木设计你给的样式还是不行
还是那样的 这是用了你的样式的截图
ps:话说我CSS样式全是自己看的,老师就没给讲,就给了我们一个css2.0的指南,所以也不知道到底该怎么写。

先说明一下你的CSS样式好乱啊!!而且还是错的!真郁闷!
你相想多的字以点显示出来吧!
#newslist{
width:auto;
margin:0px;
padding:0px
}
#newslist ul{
list-style-position:inside;
}
#newslist ul li{
line-height:30px;
border-bottom:#FFF solid 1px;
width:100%;
}
#newslist a{
float:left;
width:400px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;

}
#newslist a:link,#newslist a:visited,#newslist a:actived{
text-decoration:none;
}
#newslist a:hover{
text-decoration:underline;
}
#newslist span{
float:right;
}
行高有30像素那么列素符号一定不好看!

你把全面的代码都贴出来我给你看看!
温馨提示:内容为网友见解,仅供参考
第1个回答  2010-08-07
设置ul li{margin:0px;padding:0px;}

为什么div中里面嵌入几个div,外层的div会溢出一个像素?
解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”需要说明的是,如果你想用这个方法使整个页面要居中,建议不要套在一个DIV里,你可以依次拆出多个div,只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。3 盒模型不同解释.#box{width:600px;\/\/...

请div+css高手兄弟问一个问题,像我图片中这样的ul li列表,我想设置第一...
你可以这样设置float:left; margin-right:10px;这样你就是右边边距10,而左边没有 换行的问题你可以根据你总体的大小而定啊 例如每个字占位16个像素,而你这个LI最多也就4个字符,可以设置每个LI宽度为16X4+5个像素间隔 为每个LI的实际宽度为69像素;左对齐即可;...

CSS里面的div ul li 它们之间是什么样的关系?
ul li是要搭配使用的,二者必须同时出现,<ul> <li>abcd<\/li><li>abcd<\/li><li>abcd<\/li>...<\/ul>一般中间不会出现其他标签。div都可以(一般包含其他内容,也可以用在任何位置,用的比较多),h1一般用做标题比较多,这些标签都可以随机搭配,互相包含也没什么问题。

DIV+CSS问题:使用<ul>我一直都是一行一行显示,怎么让它一列一列...
给ul和li的宽度定死,比如说ul是800px;那给li定为<400 例如:ul{margin:0;padding:0; list-style-type:none;<br\/> width:800px; height:320px;} ul li{width:380px; height:22px; padding:0 5%; margin:0 2px;<br\/> line-height:22px; font-size:12px; text-align:center;...

div+css中的ul li怎样写这种列表?
如,id或class如<div id="biaoji"> <ul> <li><\/li> <li><\/li> <li><\/li> <\/ul><\/div><style type="text\/css">她的意思是每个ul里面的li加一个小图标,加进去在用padding跟margin修饰。 #biaoji ul li{ background:url(图片路径..) no-repeat }<\/style>...

怎样使用div+css完成下面的图片
那么根据这个布局,可以使用 ul li 然后给li设置左浮动 包含6个Li大块。作为 6大列,例如 <ul> <li>这个列就是前边那4个文字导航,至于这4个文字导航怎么布局我估计你自己也会写了<\/li> <li>这是第2列 这里写疾病 那个栏目的图片+文字导航<\/li> <li>这是第3列 这里写药品 那个栏目的图片...

HTML使用DIV+CSS如何实现左边导航,右边显示内容,点击那个导航显示那个内 ...
<li><A href="#">团队生活<\/A><\/li> <div id="lanPos"><\/div> <\/ul> 3、书写css代码。<style> html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, ...

div+css中li的一个问题
1、先制作一个高为1px宽为4px的图片,左边2px填充黑色,右边2px填充白色,或者透明。2、然后将这张小图当作li的背景图,x轴重复(repeat-x),上下左右居中。3、再给标签a添加背景颜色为白色。参考代码如下:<style> {margin:0;padding:0;} ul{width:600px;margin:20px;} li{list-style:none;...

CSS+DIV怎么不叫它位置乱跑
4、在CSS设计的时间,总的来说,是标签从大到小来定义,布局从大块到小块。标签不一定用到很多。 5、有些人认为不要给那些DIV或块加上什么ID; 我认为,加ID是正确的,如果ID中有不同的标签,那么通过CSS来控制就在容易了。有时我们会认为一些同样的色彩应该写在一个CLASS里。然后哪里用到那么我们就在哪里调,...

请帮我看看我这个ul为什么不能居左呀(div css)
设置ul的属性,ul{margin:0px;padding-left:-30px;} 这样应该可以了,如果你的li属性不是none的话 就这样,不然会空出很大的空隙,如果你li{list-style-type:decimal;}而且你设置的ul属性是padding:0px;那么这个时候你会发现在浏览器里看不到前面的数字,这其中的问题自己慢慢体会就会明白的 ...

相似回答