Форум PHP программистов > Как растянуть таблицу

[ Поиск ] - [ Пользователи ] - [ Календарь ]

savelikan

6.04.2014 - 12:29

Привет всем! Помогите разобратся)))) Всё есть на рисунке: в таблице есть картинка flat:left, справа - текст в DIV и таблица. Как разтянуть таблицу по ширине на 100%? Если поставить width:100% тогда она разтягивается на 100% под рисунком.
Спасибо)

_____________
Одесса - мой город!)))

SmorodinKA

6.04.2014 - 12:34

Попробуй выставить, например, ширину картинки 20%, а div - 80%

А также пропиши в div: float: right;

savelikan

6.04.2014 - 12:41

мне нужно таблицу (где написано "как разтянуть") разтянуть на 100%

_____________
Одесса - мой город!)))

sergeiss

6.04.2014 - 12:46

Цитата (savelikan @ 6.04.2014 - 12:29)

Всё есть на рисунке: в таблице есть картинка...

Не вижу таблицы, в которой находятся картинка и таблица. Покажи свой код.

Я бы поместил всё это в таблицу с 2-мя колонками. В первую - картинку, во вторую - всё остальное. Тогда ДИВ можно будет растянуть на 100% от размера ячейки таблицы.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

savelikan

6.04.2014 - 12:53

TABLE.testing_question{

}
TABLE.testing_question TD.number{
 width:50px;
 font-weight:bold;
 font-size:20px;
 color:#696969;
 text-align:center;
}
TABLE.testing_question TD.question{
 width:950px;
 padding:5px;
}
TABLE.testing_question TD.question DIV{
 text-indent:20px;
 font-family:Times New Roman;
 font-size:16px;
 color:#1C1C1C;
 text-align:justify;
}
TABLE.testing_question TABLE.answer{
 font-family:Times New Roman;
 font-size:16px;
 color:#1C1C1C;
}
TABLE.testing_question  LABEL:hover{
 background:#E6E6FA;
 cursor:pointer;
}
TABLE.testing_question  TABLE.answer:hover{
 background:#E6E6FA;
 cursor:pointer;
}
TABLE.testing_question TABLE.answer TD.mark{
 width:10%;
 text-align:center;
 padding:3px;
}
TABLE.testing_question TABLE.answer TD.abc{
 width:10%;
 text-align:center;
 padding:3px;
}
TABLE.testing_question TABLE.answer TD.text{
 width:80%;
 text-align:justify;
 padding:3px;
}

<TABLE BORDER CLASS="testing_question">
<TR>
	<TD VALIGN="top" CLASS="number">
		1
	</TD><TD VALIGN="top" CLASS="question">
		<DIV><IMG SRC="http://newsite.ua/testing/images/1/myimage.jpg" STYLE="float:left;padding:5px;">Вопрос!</DIV>
		
			<LABEL>
				<TABLE CLASS="answer"><TR>
					<TD CLASS="mark"><INPUT TYPE="radio" NAME="answer10" VALUE=""></TD>
					<TD CLASS="abc">A</TD>
					<TD CLASS="text">Ответ 1</TD></TR>
				</TABLE>
			<LABEL>
			<LABEL>
				<TABLE CLASS="answer"><TR>
					<TD CLASS="mark"><INPUT TYPE="radio" NAME="answer10" VALUE=""></TD>
					<TD CLASS="abc">B</TD>
					<TD CLASS="text">Ответ 2</TD></TR>
				</TABLE>
			<LABEL>
	</TD>
</TR>
</TABLE>

_____________
Одесса - мой город!)))

Быстрый ответ:

Здесь расположена полная версия этой страницы.