Не прижимается к краю - HTML и CSS

Praud · 15.03.2014, 12:56

Картинка не прижимается до конца к краю ячейки в таблице. сss не использую. в таблице стоит cellpadding="0"
в ячейке align="right" valign="bottom". Остается небольшое пространство. Как его убрать?

Praud · 15.03.2014, 14:24

Вот сам документ

Код:

<!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>
 </head>
 <body>

  <table border="1" align="center" cellpadding="0">
	<tr>
	<!-- Блок 1 -->
		<td rowspan="2">University of Porto in Portugal
		</td>
	<!-- Блок 5 -->
		<td rowspan="3" colspan="2" bgcolor="#00FFFF"><b>SHOCK NEWS!! ONLY TODAY! ATTANTION!!!.</b></td>
	</tr>
	<tr>
	</tr>
	<tr>
	<!-- Блок 2 -->
		<td bgcolor="black"><font color="white"><em>Watch it!</em></font></td>
	</tr>
	<tr>
	<!-- Блок 10 -->
		<td rowspan="4" align="right" valign="bottom" >
		<img width = "100" height = "100" src="cat.jpg">
		</td>
		<!-- Блок 8 -->
		<td align="center">
			<select multiple="2">
				<option>Текст1</option>
				<option>Текст2</option>
			</select>
		</td>
		<!-- Блок 6 -->
		<td>
			<ol>
				<li>текст текст</li>
				<li>текст текст</li>
				<li>текст текст</li>
			</ol>
		</td>
	</tr>
	<tr>
	<!-- Блок 7 -->
		<td colspan="2">
		  <ul>
			<li>Текст
			<ul>
				<li>Текст</li>
				<li>Текст</li>
				<li>Текст</li>
			</ul>
			</li>
		  </ul>
		</td>
	</tr>
	<tr>
	<!-- Блок 4 -->
		<td><font color="blue"><em>текст текст текст текст текст текст текст текст текст текст </em></font></td>
		<!-- Блок 9 -->
		<td rowspan="2"><img src="1.jpg" width="100%" height="100%"></img></td>
	</tr>
	<tr>
	<!-- Блок 3 -->
		<td bgcolor="yellow"><font color="blue">текст текст текст текст</td>
	</tr>
	
 </table> 
 </body>
 </html>

Metandrostenalon · 15.03.2014, 15:12

img строчный элемент, сделай блочным display:block

Praud · 15.03.2014, 15:22

Не понимаю. Преподаватель сказал, что надо что-то поменять в атрибутах table, вроде.

Metandrostenalon · 15.03.2014, 15:41

Поставьте после изображения например букву р и увидете что влияет на размер строки, можно глянуть здесь и понять откуда берется отступ

15.03.2014, 12:56	#1
Praud Форумчанин Регистрация: 11.10.2012 Сообщений: 409	Не прижимается к краю Картинка не прижимается до конца к краю ячейки в таблице. сss не использую. в таблице стоит cellpadding="0" в ячейке align="right" valign="bottom". Остается небольшое пространство. Как его убрать?

15.03.2014, 15:12	#3
Metandrostenalon Форумчанин Регистрация: 03.04.2009 Сообщений: 108	img строчный элемент, сделай блочным display:block php,javascript

15.03.2014, 15:41	#5
Metandrostenalon Форумчанин Регистрация: 03.04.2009 Сообщений: 108	Поставьте после изображения например букву р и увидете что влияет на размер строки, можно глянуть здесь и понять откуда берется отступ php,javascript

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Выравнивание текста по правому краю С++	Bullrock	Помощь студентам	0	07.06.2012 23:27
Подправить цитату по правому краю	nicklifs	HTML и CSS	0	15.12.2011 20:58
Выравнивание div по нижнему краю	pulka	HTML и CSS	4	04.10.2011 18:45
По краю формы	Николая Ленин	Общие вопросы Delphi	2	06.06.2011 22:11
Выравнить название по левому краю.	blackstersl	Общие вопросы Delphi	0	13.06.2009 17:32

15.03.2014, 15:22	#4
Praud Форумчанин Регистрация: 11.10.2012 Сообщений: 409	Не понимаю. Преподаватель сказал, что надо что-то поменять в атрибутах table, вроде.