|
89.5 Кб |
|
| у меня почемуто этот хтмл код:
<table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17" style="background-image:url({$root}img/left-top_post.png); background-repeat:no-repeat;" align="center"></td>
<td class="gradient_body_post" align="left" width="28"><img src="{$root}img/edit.png" /></td>
<td class="gradient_body_post" align="center"><h1><a href="{$link}">{$title}</a></h1></td>
<td class="gradient_body_post" align="right" width="18"><img src="{$root}img/delete.png" /></td>
<td width="17" style="background-image:url({$root}img/right-top_post.png); background-repeat:no-repeat;" align="center"></td>
</tr>
<tr>
<th class="body_post" align="left" colspan="5">{$content}<br /><br />{$fullpost}</th>
</tr>
<tr>
<td width="17" style="background-image:url({$root}img/left-bottom_post.png); background-repeat:no-repeat;"></td>
<th colspan="3" valign="middle" class="gradient_body_post post_footer">
<table border="0" width="100%" height="33">
<tr>
<td>{$information}</td>
<td width="106"><a href="{$link}"><img src="{$root}img/more.png" /></a></td>
</tr>
</table>
</th>
<td width="17" style="background-image:url({$root}img/right-bottom_post.png); background-repeat:no-repeat;"></td>
</tr>
</table>
<br />
<br />
|
с этими стилями:
@charset "windows-1251";
body {
background-image: url(../img/backg.png);
font-family: "Times New Roman", Times, serif;
font-size: 16px;
}
q {
text-transform: uppercase;
quotes: "\00AB" "\00BB";
font-weight: bold;
}
.login_panel {
height: 163px;
width: 159px;
background-image: url(../img/login.png);
opacity: 0.6;
}
label {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: capitalize;
}
.categories a, .categories a:link, .categories a:visited {
background-image: url(../img/categories.png);
background-repeat: no-repeat;
display: block;
height: 29px;
width: 176px;
text-align: center;
vertical-align: middle;
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
line-height: 26px;
color: #000066;
font-weight: bold;
}
.categories a:hover, .categories a:active {
background-image: url(../img/categories1.png);
color: #CCCCCC;
}
a, a:link, a:visited {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
color: #0033CC;
text-decoration: none;
}
a:hover, a:active {
color: #0066CC;
}
.gradient_body_post {
background-image: url(../img/post_gradient.png);
background-repeat: repeat-x;
background-position: top;
height: 33px;
}
.post_footer {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #000066;
}
.body_post {
background-color: #DDDDDD;
overflow: hidden;
padding: 5px;
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
border-right-width: 2px;
border-left-width: 2px;
border-right-style: solid;
border-left-style: solid;
border-color: #7087A5;
line-height: 21px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 14px;
}
.post {
width: 95%;
}
|
Не работает нормально в эксплорере, как-бы ошибку я нашёл, но при ее исправлении теряется резиновость(работа с разными разрешениями) и в остальных браузерах отображается плохо, ошибка в строке:
<td class="gradient_body_post" align="center"><h1><a href="{$link}">{$title}</a></h1></td>
, браузер(IE) нехочет растягивать эту ячейку по максимуму… | |
|
|
|
|
|
|
|
для: nikita2206
(04.06.2009 в 00:43)
| | ваши шаблоны интресны только вам самому.
приводите полный код html-страницы и полную таблицу стилей | |
|
|
|
|
|
|
|
для: AlexSol
(04.06.2009 в 09:57)
| | Ок | |
|
|
|
|
|
|
|
для: nikita2206
(04.06.2009 в 00:43)
| | А еще лучше опишите проблему словами :) | |
|
|
|
|
|
|
|
для: jangot
(04.06.2009 в 17:29)
| | Существует ли такое правило в CSS, которое запрещает перенос строки? | |
|
|
|
|