سلام وخسته نباشید؛
این دو تگ ul و li مزاحم می شوند ومرورگر ها اصلادر این دو تگ تفاهم ندارند میشه این دو تگ رو حذف کرد؟ یعنی بیخیال لیست سفارشی تو sidebar وبلاگ شد؟ ul رو هم نمی زاری خودش خود به خود لیست ایجاد می کنه؟
سلام وخسته نباشید؛
این دو تگ ul و li مزاحم می شوند ومرورگر ها اصلادر این دو تگ تفاهم ندارند میشه این دو تگ رو حذف کرد؟ یعنی بیخیال لیست سفارشی تو sidebar وبلاگ شد؟ ul رو هم نمی زاری خودش خود به خود لیست ایجاد می کنه؟
بله. از style.css اینکار رو میتونین انجام بدین.
چکار باید کنم؟
فایر فاکس این شکلی می نویسه:
--لینک
اینترنت اکسپلور هم چند بار فاصله ایجاد میکنه
-------لینک
body, h1, h2, h3, h4, h5, h6, blockquote, p, form, ul, li{
margin: 0;
padding: 0;
}
Body {
margin: 2px 0px 2px 0px;
font-family: tahoma;
font-size: 10px;
color: black;
background: url('images/bg.gif'); SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #C0C0C0;
SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}
img {
border: none;
}
a, a:visited {
color: black; text-decoration: none;
}
a:active {
color: red; text-decoration: none;
}
a:hover {
color: red; text-decoration: none;
}
#wrapper {
width: 960px;
}
table td.header {
margin: 0px;
padding: 0px 0px 0px 0px;
background: white url('images/header.jpg');
width: 960px;
height: 150px;
font-family: tahoma, times new roman;
text-align: right;
line-height: 20px;
border-top: solid 1px #C0C0C0;
border-right: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
vertical-align: top;
}
table.menu td {
margin: 0px;
padding: 0px 0px 0px 0px;
}
table.box-menu {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 960px;
height: 28px;
border-top: solid 1px #C0C0C0;
border-right: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
direction: rtl;
}
table.box-menu td {
text-align: center;
padding: 2px 2px 2px 2px;
direction: rtl;
}
a.menu-link:link {
background: url('images/menu-link.gif') no-repeat;
width: 68px;
height: 23px;
line-height: 20px;
display: block;
color: black;
text-decoration: none;
}
a.menu-link:visited {
background: url('images/menu-link.gif') no-repeat;
width: 68px;
height: 23px;
line-height: 20px;
display: block;
color: black;
text-decoration: none;
}
a.menu-link:active {
background: url('images/menu-link.gif') no-repeat;
width: 68px;
height: 23px;
line-height: 20px;
display: block;
text-decoration: none;
color: black;
}
a.menu-link:hover {
background: url('images/menu-link.gif') no-repeat;
width: 68px;
height: 23px;
line-height: 20px;
display: block;
text-decoration: none;
color: black;
}
table td.sidebar {
padding: 3px;
background: white;
width: 180px;
font-size: 10px;
text-align: right;
border-top: solid 1px #C0C0C0;
border-right: solid 1px #C0C0C0;
border-bottom: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
direction: rtl;
vertical-align: top;
}
table td.sidebar ul {
margin: 0px;
padding: 0px;
}
table td.sidebar li {
list-style-type: none;
}
table td.post {
background: white;
width: 580px;
font-size: 11px;
text-align: right;
border-top: solid 1px #C0C0C0;
border-bottom: solid 1px #C0C0C0;
direction: rtl;
vertical-align: top;
}
.bb {
margin: 4px 4px 4px 4px;
}
.title-menu {
background: #E5E5E5 url('images/title-menu.gif') repeat-x;
width: 175px;
height: 20px;
line-height: 18px;
text-align: center;
border: solid 1px white;
}
.box {
width: 177px;
margin-top: 4px;
margin-bottom: 4px;
border: solid 1px #D3D3D3;
}
.space {
margin: 0px;
padding-right: 5px;
}
table td.footer {
margin: 0px;
padding: 20px 15px 0px 0px;
width: 960px;
height: 75px;
background: white;
font-family: tahoma, times new roman;
font-size: 10px;
text-align: center;
line-height: 30px;
border-right: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
border-bottom: solid 1px #C0C0C0;
}
.comments-template{
background: #E9E9E9;
margin: 10px 0 0;
border-top: 1px solid #ccc;
padding: 10px 0 0;
}
.comments-template ol{
margin: 0;
padding: 0 0 15px;
list-style: none;
}
.comments-template ol li{
margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px solid #ccc;
}
.comments-template h2, .comments-template h3{
font-family: Georgia, Sans-serif;
color: red;
font-size: 16px;
}
.commentmetadata{
font-size: 12px;
}
.comments-template p.nocomments{
padding: 0;
}
.comments-template textarea{
background: white;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
}
.bb {
margin: 5px 5px 5px 5px;
}
.entry {
background: white;
text-align: justify;
margin-top: 5px;
margin-bottom: 5px;
width: 560px;
border: solid 1px #D3D3D3;
direction: rtl;
}
.link-title {
background: white url('images/link-title.gif') repeat;
margin-top: 5px;
height: 18px;
line-height: 12px;
text-align: center;
color: #B0B0B0;
border: solid 1px white;
}
.posts {
padding: 5px;
}
.postmetadata {
width: 560px;
background: #E9E9E9;
text-align: right;
}
.searchform {
margin: 0px;
padding: 0px;
}
.calendar {font-size:10px;}
درضمن از تگ ul و li به هیچ وجه در کدهای xhtml استفاده نکردم
شما li رو هم padding و margin رو 0 بگذار ببین درست میشه ؟ ممکنه کلاس رو به li داده باشه
table td.sidebar ul {
margin: 0px;
padding: 0px;
}
ببخشید اصلاح میکنم
table td.sidebar ul {
margin: 0px;
padding: 0px;
}