Вопрос по таблицам

GLaZz · April 7, 2011

Добрый день.

Возникла такая проблема - есть таблица, нужно чтоб третья строга растягивалась по вертикале, а вместо нее сейчас растягивается четвертая

Вот как оно выглядит сейчас _http://glazz.ukrnic.com/index.html

вот код таблицы:


    <table cellpadding="0" cellspacing="0" class="mainT" border="1">
    	<tr>
        	<td><img src="bg1.jpg" /></td>
                <td><img src="bg2.jpg" /></td>
        	<tdclass="bg1"> </td>
		<td><img src="bg4.jpg" /></td>
        	<td><img src="bg5.jpg" /></td>
        </tr>
    	<tr>
                <td><img src="bg6.jpg" /></td>
                <td colspan="3"> </td>
        	<td><img src="bg7.jpg"/></td>
        </tr>
		<tr>
        	<td class="bg2"> </td>
        	<td colspan="3" rowspan="2">тут будет текст за счет которого и будет растягиватся страница</td>
        	<td class="bg3"> </td>
        </tr>
    	<tr>
        	<td><img src="bg10.jpg"/></td>
        	<td><img src="bg11.jpg"/></td>
        </tr>
    	<tr>
        	<td><img src="bg12.jpg"/></td>
        	<td class="bg4" colspan="2"> </td>
		<td><img src="bg14.jpg"/></td>
        	<td><img src="bg15.jpg"/></td>
        </tr>
    </table>

Вот css:


.mainT{width: 100%;}
.bg1{background-image: url(bg3.jpg); width: 100%;}
.bg2{background-image: url(bg8.jpg); height: 100%; margin: 0 auto;}
.bg3{background-image: url(bg9.jpg);  background-position: right; height: 100%; margin: 0 auto;}
.bg4{background-image: url(bg13.jpg);  background-position: right; background-repeat: repeat-x;}

перепробовал кучу разных вариантов но решения так и не нашел(

подскажите пожалуйста

stars · April 7, 2011

Все у вас нормально растягивается, только надо начинать не с 3 а со 2 строки...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
		<title>Тег BUTTON</title>
	</head>
	<body>
		<table cellpadding="0" cellspacing="0" class="mainT" border="1">
			<tr>
				<td><img src="bg1.jpg" alt="" /></td>
				<td><img src="bg2.jpg" alt="" /></td>
				<td class="bg1"> </td>
				<td><img src="bg4.jpg" alt="" /></td>
				<td><img src="bg5.jpg" alt="" /></td>
			</tr>
			<tr>
				<td><img src="bg6.jpg" alt="" /></td>
				<td colspan="3" rowspan="3">тут будет текст за счет которого и будет растягиватся страница</td>
				<td><img src="bg7.jpg" alt="" /></td>
			</tr>
			<tr>
				<td class="bg2"> </td>
				<td class="bg3"> </td>
			</tr>
			<tr>
				<td><img src="bg10.jpg" alt="" /></td>
				<td><img src="bg11.jpg" alt="" /></td>
			</tr>
			<tr>
				<td><img src="bg12.jpg" alt="" /></td>
				<td class="bg4" colspan="2"> </td>
				<td><img src="bg14.jpg" alt="" /></td>
				<td><img src="bg15.jpg" alt="" /></td>
			</tr>
		</table>

	</body>
</html>

И еще вы повсюду забываете атрибут alt, и зачем-то решили задать высоту строки не смотря на то что так делать нельзя...

Edited April 7, 2011 by stars

GLaZz · April 7, 2011

Все у вас нормально растягивается, только надо начинать не с 3 а со 2 строки...

Сделал как вы посоветовали но проблемы это не решило вот тут (_http://glazz.ukrnic.com/index.html) видно что растягивается вторая и четвертая строка , но не третья (

Sign In

Вопрос по таблицам

Question

GLaZz

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

stars

Link to comment

Share on other sites

GLaZz

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information