.


:




:

































 

 

 

 


2. table-layout




<!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=utf-8"> <title></title> <style type="text/css"> TABLE { table-layout: fixed; /* */ } </style> </head> <body> <table width="100%" cellspacing="0" cellpadding="4" border="1"> <tr> <td width="200"><img src="images/dino.gif" width="289" height="120" alt=""></td> <td>...</td> </tr> </table> </body></html>

. 1.

. 1. table-layout

(Firefox 3+, Internet Explorer 8+, Chrome Safari) (. 2).

. 2. Safari

overflow scroll. , - , <td>. <div> ( 3). , .

3.

<!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=utf-8"> <title></title> <style type="text/css"> TD DIV { overflow: scroll; /* */ width: 200px; /* */ } </style> </head> <body> <table width="100%" cellspacing="0" cellpadding="4" border="1"> <tr> <td width="200"><div><img src="images/dino.gif" width="289" height="120" alt=""></div></td> <td>...</td> </tr> </table> </body></html>

. 3.

. 3. overflow

, . , , , . , , . , , , - , .

<td bgcolor="#ffcc00"></td>, , , , (&nbsp;). , 12 , - . , , - .

. .

, , , , . 30 .

1 2
3
4

 

4.

4.

<!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=utf-8"> <title></title> </head> <body> <table width="300" border="1" align="center" cellpadding="4" cellspacing="0"> <tr> <td width="94" height="30" bgcolor="#ffcc33"> 1</td> <td width="184" rowspan="2" valign="top"> 2</td> </tr> <tr> <td valign="top"> 3<br><br></td> </tr> <tr bgcolor="#cccccc"> <td colspan="2" height="30"> 4</td> </tr> </table> </body></html>

, . .

, . , .

- , . , .

, . , , , , . , . , , , .

, ( 100 ). , table-layout, .

, , , ( , ), . , .

, , . width <table> width, <td> ( 1).





:


: 2015-10-19; !; : 432 |


:

:

, .
==> ...

945 - | 878 -


© 2015-2024 lektsii.org - -

: 0.015 .