Jump to content

ya novenkiy

Newbie
 View Profile  See their activity

  • Posts

    17

  • Joined

  • Last visited

 Content Type 

Posts posted by ya novenkiy

  2. как растянуть картинку на всю ширину ячейки

    in HTML Coding

    Posted

    спасибо, помогло в принципе, но все равно остаются маленькие просветы. 

    А не знаете как эту галерею подвинуть вправо немного?

    И еще вопрос не по теме.. почему у меня заканчивается лимит размера файла для отправки в сообщениях? Спасибо.

  3. как растянуть картинку на всю ширину ячейки

    in HTML Coding

    Posted

    как убрать эти пробелы под пингвинами? 

    <!DOCTYPE html>
<html>
    <head>
	    <title>таблицы</title>
        <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
		<link rel = "stylesheet" href = "styles.css"/>
	</head>
	<body>
	    <table id = "main">
		    <tr>
			  <td id = "header" colspan = "2">1</td>
			<tr/>
			<tr>
			  <td id = "left">
			      <ul>
				     <li>Главная</li>
				     <li>Главная</li>
				     <li>Главная</li>
				 </ul>
			  </td>
			  <td>
			  <h1 class = "title">Галерея изображений</h1>
			    <table id = "gallery"> 
			         <tr>
					     <td><img src = "image/Penguins.jpg" /></td>
					     <td><img src = "image/Penguins.jpg" /></td>
					     <td><img src = "image/Penguins.jpg" /></td>
			         </tr>
					 <tr>
					     <td><img src = "image/Penguins.jpg" /></td>
					     <td><img src = "image/Penguins.jpg" /></td>
		 			     <td><img src = "image/Penguins.jpg" /></td>
			         </tr>
			    </table>
			  </td>
			</tr>
			<tr>
			  <td colspan = "2">5</td>
            </tr>			  
		</table>
	
	</body>
</html>
    table, td{
	border: 1px solid black;
	padding: 0;
}

table{
	border-spacing: 0;
	border-collapse: collapse;
}

#main{
   width: 1000px;
   margin: 0 auto;
   
}      

#header{
    height: 150px;
} 	

#left{
    height: 450px;
	width: 200px;
	vertical-align: top;
}

#gallery{
	width: 90%
	margin: 0 auto;
}

#gallery img{
	width:100%
	
}

h1.title{
	text-align: center;
	
}

     

    1.jpg

×
×
  • 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