Закругление углов с помощью картинок в таблице

Unkrada · August 7, 2012

Не получается сделать такую картинку

Нужно, чтобы текст внутри был и таблица под него растягивалась. Когда меняю doctype на xhtml, то все работает как надо, но хочется сделать на html4.01. В чем может быть проблема подскажите.

Использую такой код:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Рисунок</title>
	<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<table  class="pt">
<thead>
	<tr><td>
		<table class="pt">
			<tr><td width="23"><img src="img/thl.gif" width="23" height="44" alt=""></td>
				<td class="thbgr" nowrap>dwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd</td>
				<td width="12"><img src="img/thr1.gif" width="12" height="44" alt=""></td>
				<td class="p"> </td>
				<td width="15"  valign="top"><img src="img/thr2.gif" width="15" height="44" alt=""></td>
			</tr>
		</table>
	</td></tr>
</thead>
<tbody>
				<tr class="gh">
					<td>fgfgdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfs
					</td>
				</tr>
</tbody>
<tfoot>
		<tr><td>
			<table class="pt">
				<tr>
					<td width="15" valign="bottom"><img src="img/tfl.gif" width="15" height="44" alt=""></td>
					<td class="p"> </td>
					<td width="12"><img src="img/tfl2.gif" width="12" height="44" alt=""></td>
					<td class="thbgr" nowrap>dwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd fsfsd fdsfsd fsdfsdwdwdwd</td>
					<td width="23"><img src="img/tfr.gif" width="23" height="44" alt=""></td>
				</tr>
				</table>
		</td></tr>
</tfoot>
</table>
</body>
</html>

Код CSS:


html {
background:#ffffff;
}
.pt {
width:100%;
border:0;
cellspacing:0; 
cellpadding:0;
background:#c7d1f1;
}
.p {
background:#c7d1f1;
width:100%;
height:44px;
}
.thbgr {
background:url('../img/thbgr.gif') repeat-x;
height:44px;
}
.gh {
background:#c7d1f1;
}
.ic {
height:44px;
}

Получается вот так:

Нижние левый и правый углы ведут себя мягко говоря не хорошо

Sign In

Закругление углов с помощью картинок в таблице

Question

Unkrada

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information