На переходном HTML вылазит из width.

Sh.B.Malinkin · March 1, 2010

На "переходном" HTML при задании width, в ослике картинка вылезает и ячейки таблицы. какая альтернатива?

<td width=27% valign="top">
<img src=images/kinchev.jpg width=100%>

Спасибо.

Great Rash · March 1, 2010

А зачем картинке ширину 100% назначать? Весь код покажите.

Sh.B.Malinkin · March 1, 2010

<table width=100%><tr>
	<td valign="top" width=18%>
<h4>Нового на сайте:</h4>
<p>Сайт еще находится в стадии разработки, не судите строго =)<p>
	</td>
	<td class='mc' width=55% valign="top">
<h3 class="s">Вас приветствует Шуравин Никита на своей страничке! </h3>
	</td>
	<td width=27% valign="top">
<img src=images/kinchev.jpg width=100% border=0 title="Константин Кинчев">
<img src=images/flovers.jpg width=100% border=0>
	</td>
</tr></table>

Мне нужно, чтобы картинка была слева в колонке на всю ее ширину.

Иначе, (в фф) она отображается в своем разрешении.

Edited March 1, 2010 by Sh.B.Malinkin

Great Rash · March 1, 2010

Покажите весь код. С доктайпом и т.п. Или дайте ссылку на сайт.

Попробуйте обнулить padding и margin для ячеек таблицы.

Sh.B.Malinkin · March 1, 2010

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="mp.css">
<title>
My page-Home</title>
</head>
<body>
	<!--Links -->
<table align='left'><tr>
<td><a href=Home.html><img src=images/main.bmp border=0 title="На главную"></a></td>
<td><a href=FnM.html><img src=images/fnm.bmp border=0  title="Fun & Math "></a></td>
<td><a href=Don't_open.html><img src=images/dto.bmp border=0  title="Не открывать!"></a></td>
</tr></table>
<br clear=left>
	<!-- ОСНОВНАЯ ТАБЛИЦА С ТРЕМЯ КОЛОНКАМИ -->
<table width=100%><tr>
	<td valign="top" width=18%>
		<table  width=100%><tr>
<td class="form1">
<h4>Нового на сайте:</h4>
<p>Сайт еще находится в стадии разработки, не судите строго =)<p>
</td>
</tr><tr>
<td></td>
</tr><tr>
<td class="form1"><h4>А так же:</h4>
<p>Вы можете почитать <a href=mine.html>Обо мне
</td></tr>
		</table>
	</td>
	<td class='mc' width=55% valign="top">
<h3 class="s"> Вас приветствует Шуравин Никита на своей страничке! </h3>
	</td>
	<td width=27% valign="top">
<img src=images/kinchev.jpg width=100% border=0 title="Константин Кинчев">
<img src=images/flovers.jpg width=100% border=0>
	</td>
</tr></table>

</body></html>

Возможно не самый рациональный способ, но как умею.

Попробуйте обнулить padding и margin для ячеек таблицы.

Не помогло.

Great Rash · March 1, 2010

Капец, ну а стили?

Sh.B.Malinkin · March 1, 2010

Извините.

BODY{ background-image:url('images/h7.bmp'); background-attachment: fixed;}
UL {margin: 0;}
A {color: blue; text-decoration: none; }
P { 
text-align: justify; color: navy; }
P.m, H1.m,{text-align: justify; color: #123456; }
H3.s{text-align: justify; color: navy}
P.big {color: #000; font-size: 18px }
H4 { margin-top: 0em; margin-bottom: 0em }

TABLE { border-collapse: collapse;  margin: 0 auto; border: 0px}
TABLE.b {background-image:url('images/brick.bmp'); border-collapse: collapse}
TD.mc {border-left: 4px dotted #fac; border-top: 4px solid  #fac; background-image:url('images/h1.bmp')}
TD.t, TH.t {border: 1px solid #000080; color: #000; font-size: 19px}
TD, TH{padding: 4px; solid #000080;}
TD.form1{background-image:url('images/brick.bmp'); border-left: 4px dotted; border-top: 4px solid;

	text-align: left; color: black; }
TH { color: #000; /* Цвет текста */  text-align: center; /* Выравнивание по левому краю */  font-family: Arial, Helvetica, sans-serif; /* Выбор гарнитуры */  font-size: 90%; /* Размер текста */}

Если вырубить для ячеек, результат 0.

P.S.Там для ячеек еще бордер, уже поправил.

Great Rash · March 1, 2010

Во другое дело, ща посмотрим.

shvv · March 1, 2010

Нужно добавить стиль для table

table-layout: fixed;

Sh.B.Malinkin · March 1, 2010

Нужно добавить стиль для table
table-layout: fixed;

Спасибо, помогло.

Sign In

На переходном HTML вылазит из width.

Question

Sh.B.Malinkin

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

Sh.B.Malinkin

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Sh.B.Malinkin

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Sh.B.Malinkin

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

shvv

Link to comment

Share on other sites

Sh.B.Malinkin

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information