Jump to content
  • 0

создание таблицы

pattaya

Asked by pattaya,

 Share

Question

pattaya Explorer

pattaya

Posted
Posted

Здравствуйте, должна быть таблица с двумя строками, а в каждой строке по 2 ячейки. В ячейке 1-1 и в расположенной по диагонали ячейке 2-2 находятся рисунки, а в ячейках 1-2 и 2-1 находиться текст и все ячейки разной длины и все содержимое прижимается к левой стороне. Так вот - с одной строкой все содержимое ведет себя ок., а когда создаю вторую строку с ячейками 2-1 и 2-2 , то все четыре ячейки становятся одинаковыми по длине, не зависимо от содержимого. Подскажите в чем причина?

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
pattaya Explorer

pattaya

Posted
  • Author
Posted

Посмотрите пожалуйста:

<!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=utf-8" />
<title>News & Events</title>
   <style>
.container {
width : 944px;
margin : 20px auto;
position : relative;
z-index : 10;
font : 14px Calibri, Arial, sans-serif;}

img {
border : none;
margin:0 auto 5px;
text-decoration :none;
display: block

}
.container2 {
	left : 0;
	position : relative;
	top : 0;
	width : 944px;
	z-index : 10;
	color : #006699;

}
.hr { padding:5px 0;
	position:relative;
	border-bottom:4px solid #006699;
	width:100%;
	font-weight:bolder;
	text-align:left;
	color:#006699;
	text-indent:30px;
}

.container_t {
margin : 0 10px;
position : relative;
}

.t {
margin-top : 30px;
position : relative;
width : 100%;
color : #3b3b3b;
}

.text {
font-weight : bold;
font:14px Calibri,"Trebuchet MS",Arial,sans-serif;
vertical-align : top;
text-align: left;
color:#3B3B3B;
top:0;
margin:0;
padding:0;
}

.text_big { font-size:14px;
			 color:#000000;
			 font-weight:bold;
			 text-decoration:underline;}

</head>

<body>

<div class="container">


			 <div class="container2">

				   <div class="hr">News & Events</div>
				   <div class="container_t">
					<table class="t">
					  <tr>
					   <td  class="pic-td"><img src="file:///D:/первые шаги/беламор/images/News & Evens/картинка1.gif"> </td>

					  <td class="text">

					  <span class="text_big">ASLO Aquatic Sciences Meeting in Nice, France</span>
							 <p>January 27th through 29th 2009<br />
							<a class="a_big_color" href="http://www.index.html">www.aslo.org/meetings/nice2009/</a><br/> 
							We invite you to come and visit our booth where we'll be ready to answer all your questions regarding ISIIS.</p>

							  <p><span class="text_big">ISIIS Survey</span></p>
								 Tell us what you think and what we should do!<br/>
								  Thank you for taking the time to provide us with your valuable insight<br />
								   <a class="a_big_color" href="https://www.z4G5DJLXzi2Y7oa3FNN3WA_3d_3d">Click here to take survey</a>

						  </td>
						</tr> 

					  <tr>
						<td  class="text">


							 <span class="text_big">Covers of "Science" and "Oceanography" magazines</span>
							<p>Our friend and colleague, Cedric Guigand of the University of Miami, RSMAS, was honored 
							  have his pictures chosen for the cover of		
							 Science and  for the cover of Oceanography magazines.</p>
							 </td>

							 <td>  
							<img src="file:///D:/первые шаги/беламор/images/News & Evens/картинка2.gif" class="pic-td"> 
							 </td>
						   </tr>
				   </table>   
					</div>
				   </div>
				  </div>


</body>
</html>

Link to comment
Share on other sites
  • 0
Чебурашка Explorer

Чебурашка

Posted
Posted (edited)

Насколько мне известно, разной ширины можно сделать только столбцы, но не все ячейки. И чтобы сделать все ячейки разной ширины надо использовать блочную верстку. Или я не прав?

Edited by Чебурашка
Link to comment
Share on other sites
  • 0
sigma77 Explorer

sigma77

Posted
Posted

pattaya,

А что в конечном итоге вы хотите получить? Как должна выглядеть таблица и какой ширины должны быть ячейки?

А так можете попробовать использовать colspan или дивы.

Link to comment
Share on other sites
  • 0
CEBEP Explorer

CEBEP

Posted
Posted

когда верстал таблицами то при подобных проблемах делал кучу вложенных таблиц... считал что это самый явный способ показать и браузеру и коллегам свои намерения...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept