Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > padding и spacing таблицы в CSS


Автор: vlad275 6.9.2008, 03:42
Поставил себе счетчик

Код


<script type='text/javascript' language='javascript'>
r=escape(document.referrer); u=escape(document.URL);
s=(typeof(screen)=='undefined')?'':screen.width+'x'+screen.height+'x'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth);
</script>
<table cellpadding="0" cellspacing="0" border="0" width="88" height="31" style="line-height:0;width:88px;"><tr>
<td width="38" style="padding:0px;"><a href="http://www.24log.de" target="_blank"><img src="http://counter.24log.ru/buttons/24/bg24-4_1.gif" width="38" height="10" border="0" alt="Besucherzahler" title="Besucherzahler " /></a></td>

<td width="50" style="padding:0px;"><a log=24 href="http://www.24log.it" target="_blank"><img src="http://counter.24log.ru/buttons/24/bg24-4_3.gif" width="50" height="10" border="0" alt="contatori internet"></a></td></tr>
<tr><td width="38" style="padding:0px;"><a href="http://www.24log.ru" target="_blank"><img src="http://counter.24log.ru/buttons/24/bg24-4_2.gif" width="38" height="21" alt="счетчик посещений" title="счетчик посещений" border="0" /></a></td>
<script type='text/javascript' language='javascript'>
document.write('<td style="padding:0px;"><a href="http://www.24log.ru/rating/rating.php?c=14" target="_blank"><img border="0" width="50" height="21" src="http://counter.24log.ru/counter?id=52681&t=24&st=4&r='+r+'&s='+s+'&u='+u+'&rnd='+Math.random()+'" alt="Рейтинг: Товары, услуги" title="Показано число просмотров всего и за сегодня" /></a></td>');
</script></tr></table><NOSCRIPT><a log=24 href="http://www.meetmatch.co.uk/cat.php?c=8&n=blacksingles">blackplanet.com</a></NOSCRIPT>
<!-- ><!-- "><!-- '><!-- --></textarea></form>
</title></comment></a>
</div></span></ilayer></layer></iframe></noframes></style></noscript></table></script></applet></font>
<style>
#bn {display:block;}
#bt {display:block;}
</style>
<div style="background:url(http://www.tns-counter.ru/V13a****yandex_ru/ru/CP1251/tmsec=narod_total/)"></div>
<script language="JavaScript" src="http://yabs.yandex.ru/show/163"></script>
<!-- mailto:[email protected] -->


Отображается четырьмя прямоугольниками разделенными белыми полосками. Не подскажите, где в CSS указывается пропуск?

Код

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
    margin: 1;
    padding: 0;
}

b{color:darkblue}

body {
    margin: 20px 0;
    background: #FFFFFF;
    font: normal small Arial, Helvetica, sans-serif;
    color: #666666;
}

h1, h2, h3 {
    color: #000000;
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
}

pre { font-size:16;
}

p {
}

blockquote {
    margin-left: 2em;
    padding-left: 0em;
    border-left: 1px solid #EEEEEE;
}

ul {
    margin-left: 3em;
}

ul li {
}

ol {
    margin-left: 3em;
}

ol li {
}

a {
    color: #0072BC;
}

a:hover {
    text-decoration: none;
    color: #59C700;
}

img {
    border: none;
}

/* Boxed Style */

.boxed {
}

.boxed .title {
    height: 23px;
    padding: 0px 0 0 19px;
    background: #8CBEF5 url(images/img03.gif) repeat-x left bottom;
    border: 1px solid #4F9CEF;
    font-size: 1em;
    color: #FFFFFF;
}

.boxed .content {
    margin: 0 0 20px 0;
    padding: 0px;
    background: #DCEBFC;
}

/* Post */

.post {
    padding: 00px 20px 0 20px;
}

.post .title {
    margin-bottom: 0px;
    padding: 0px 0 15px 0;
    background: url(images/img04.gif) repeat-x left bottom;
}

.post .date {
    float: left;
    width: 90px;
    padding-left: 0px;
    font-size: x-small;
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
    float: left;
    margin-bottom: 10px;
    padding-left: 0px;
    border-left: 1px solid #EEEEEE;
    font-size: x-small;
}

.post .meta p {
}

.post .story {
    clear: both;
    padding: 0px;
    border-top: 1px solid #EEEEEE;
}

.post .story p, .post .story blockquote, .post .story ul, .post .story ol {
    margin-bottom: 1.5em;
    line-height: 180%;
}

/* Header */

#header {
    width: 760px;
    height: 200px;
    margin: 0 auto;
}

/* Logo */

#logo {
    float: left;
    width: 240px;
    height: 200px;
    background: url(images/img01.jpg) no-repeat;
}

#logo h1 {
    padding: 0px 0 0 20px;
    font-size: 2em;
}

#logo h2 {
    padding: 0 0 0 0px;
    font-size: 1em;
}

#logo a {
    text-decoration: none;
    color: #FFFFFF;
}

/* Splash */

#splash {
    float: right;
    width: 520px;
    height: 200px;
}

/* Content */

#content {
    width: 760px;
    margin: 0 auto;
}

#extra {
}

/* Content > Main */

#main {
    float: right;
    width: 520px;
}

#main a {
}

/* Content > Main > Welcome */

#welcome {
}

/* Content > Main > Example */

#example {
}

/* Content > Sidebar */

#sidebar {
    float: left;
    width: 240px;
}

#sidebar a {
}

/* Content > Sidebar > Login */

#login {
}

#login form {
}

#login fieldset {
    border: none;
}

#login legend {
    display: none;
}

#login label {
    font-size: x-small;
    font-weight: bold;
}

#login input {
    margin-bottom: 5px;
    padding: 0px 0px;
    border: 1px solid #385B88;
    font-family: Arial, Helvetica, sans-serif;
}

#inputtext1, #inputtext2 {
    width: 185px;
    color: #385B88;
}

#inputsubmit1 {
    background: #4F9CEF url(images/img03.gif) repeat-x left bottom;
    color: #FFFFFF;
}

/* Content > Sidebar > Menu */

#menu {
    padding: 0px 0;
}

#menu ul {
    margin: 0;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    padding: 0px 0px;
    border-top: 1px solid #EEEEEE;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
}

#menu a:hover {
    background: #DCEBFC;
    color: #000000;
}

#menu .active a {
    background: #D1F0A6;
    color: #000000;
}

#menu .first a {
    border: none;
}

/* Content > Sidebar > Updates */

#updates {
}

#updates ul {
    margin: 0;
    list-style: none;
}

#updates h3 {
    margin: 0;
    font-size: x-small;
}

#updates p {
    margin-bottom: 1.4em;
    font-size: smaller;
    line-height: normal;
}

/* Footer */

#footer {
    clear: both;
    width: 720px;
    margin: 0 auto;
    padding: 0px 0px;
    background: #E7F7D0 url(images/img05.gif) repeat-x;
}

#footer p {
    margin: 0;
    text-align: right;
    font-size: x-small;
    color: #999999;
}

#footer a {
    color: #86D613;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}

Автор: tekfla 6.9.2008, 04:04
CSS-свойство тега <table> "border-collapse" со значением "collapse"

Автор: vlad275 6.9.2008, 05:54
Нет. Все равно щели остались  smile 
Вот так не работает:
<table cellpadding="0" cellspacing="0" border="0" width="88" height="31" style="line-height:0;width:88px;border-collapse:collapse;">

Автор: tekfla 6.9.2008, 06:01
да нет у меня никаких щелей, покажи скрин плз

Автор: bars80080 6.9.2008, 09:02
попробуйте добавить: 
Код

img { display: block; }

если не поможет, предлагаю застрелиться, или сделать этот счётчик отдельно на странице, наладить там и только потом вставлять его в основной код

Автор: vlad275 6.9.2008, 09:06
Глюк остался. А если удалить default.css то показывает нормально. Что-то не так в вышеприведенном default.css :-(
http://www.radikal.ru

Автор: bars80080 6.9.2008, 09:26
да в нём что-то не так, но лопатить его просто в падлу

могу посоветовать только обернуть счётчик в отдельный див <div id="counter"><table>...
и задать эти стили
Код

#counter { margin: 0px; padding: 0px; }
 если не поможет, то только проверять стили поочереди отключая то один пункт, то другой. проще это сделать - закомментировать сразу все стили, а потом по одному вытягивать их

Автор: vlad275 7.9.2008, 01:14
margin:0;  Помог!

Автор: tekfla 7.9.2008, 13:26
вот и славно, сорри, мне было влом копаться в этом огромном массиве кода (=

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)