Помогите с IMG

Tashka · February 18, 2010

Если кто может подскажите пожалуйста ( скидка на бестолковость) сайт на DIVах шапка , вертикальное меню и три колонки

к средней колонке код такой

<a href="dalhe4.html"><img src="img/galleri12.gif" align="top left" border="0px" alt="Галерея работ." width="472" height="222"

></a>

<p>Lorem Ipsum is simply </p>

</div>

СSS

#content{

margin-left: 331px;

margin-right: 400px;

background-color: #DBDBDB;

}

.img{

padding-top: 20px;

padding-left: 10px;

margin-left: 0px;

margin-top:0px;

}

.shadow{

background: #9a9696;

border: 1px solid #ddd;

position: inherit;

}

.blok{

background: #dbdbdb;

position: relative;

padding: 5px;

bottom: 1px;

right: 2px;

}

надо чтобы рисунок встал сверху в средней колонке от верт.меню отступая где-то на 10 15 px, после картинки пойдет текст .

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

MehOlOLBuC · February 18, 2010

<img src="img/galleri12.gif" align="top left" border="0px" alt="Галерея работ." width="472" height="222"
>

a.pic{display:block; width:472px; height:222px; margin:10px auto; text-decoration:none;}

Tashka · February 18, 2010

a.pic{display:block; width:472px; height:222px; margin:10px auto; text-decoration:none;}

нет не получается , все расвно висит посередине и в середине странички.

MehOlOLBuC · February 18, 2010

нет не получается , все расвно висит посередине и в середине странички.

где у вас там меню? давайте скриншот или весь код.

Tashka · February 18, 2010

<html>
<head>

 <link rel="stylesheet"type="text/css"href="style3.css">
 </head>
 <body >
 <table width="100%" border="0" cellspacing="0" cellpadding="0">


 <div id="shapka">
 </div>
 <div id="menuup" >
 <ul> 
 <li ><a href="#"></a></li>
</ul>
 </div>

 <div id="cont">

 <div id="left_menu"> 
 <div class="shadown">
 <div class="blokn">

 <ul>	  
 <li> 
 <strong>
 <span class="colortext"> печать  </span></strong>

   <h4><a href="">печать на холсте</a></h4>

 </li><br>
<li>
<strong> 
<span class="colortext">багетные работы</span></strong> 
<h5><a href="">оформление в багет</a></h5>

</li><br>

</div> 
</div>
</div>
 <div id="news">
 <div class="shadows">
 <div class="bloks"> 
 <h2>Статьи про печать .....<br></h2><br>
<h3>Печать постеров для интерьера </h3>
<p>Как и много лет назад в наше время Важную роль в оформлении интерьерера играют картины и постеры.
<br>Для Вас мы предлагаем изготовление красочных постеров и репродукций картин очень близких к <a href="dalhe1.html">оригиналу</a><br>
</p><br>
<h3>Печать на плоттере </h3>
<p>Если Вы студент,  с <a href="dalhe2.html"> этим </a><br>
 </p><br>
<h3>Изготовление репродукций</h3>
<p>Предлагаем Вам<br>
 </p><br>
<h3>ЛАМИНАЦИЯ</h3> 

</div>
</div> 
</div>

 <div id="content">
 <div class="shadow">
 <div class="blok">
 <a href="dalhe4.html"><img src="img/galleri12.gif" align="top left" border="0px" alt="Галерея работ." width="472" height="222"
  ></a>
  <p>Lorem Ipsum is simply </p>
</div>
</div>
</div>

 </div>
 <div id="footer">подвал</div>
</body>
 </html>
*{
	margin: 0px;
	padding: 0px;
}
#body {
padding-bottom: 0px;
margin:0px;
padding-left:0px;
padding-right:0px;
background:#d6d6d6;
padding-top:0px;
width: 900px;
}

#shapka{
margin-top: 3px;
	background-color: url(img/osnova112.gif);
	padding-top: 25px;
	padding-bottom: 143px;
	margin-left: 8%;
	margin-right: 8%;
	background-image: url(img/osnova112.gif);
}

#menuup{
	height: 28px;
	background-color: #6da610;
	width: 1055px;
	padding-left: 2px;
	padding-right: -10px;
	padding-bottom: 1px;
	padding-top: 6px;
	margin-left: 99.6px;
	margin-right:30px;
	margin-top: 0px;
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	color: #6da610;
	text-decoration: none;
	font-weight: 83.2%;
	text-align: center;
	white-space: normal;
}
ul{
	padding: 0px;
	margin-left: 10px;
}
#menuup a:link{
	text-decoration: none;	
}
 #menuup a:visited{
 	text-decoration: none;
	color: Olive;
 }
 #menuup a:active{
 	text-decoration: none;

 }
 #menuup a:hover{
	color: White;
	font-size: 17px;
}
#menuup a{
	color: White;

}
#left_menu a{
	color: #444546;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial;
}
.colortext{
	color: #F36523;
	font-size: 18px;
	text-decoration: none;
	font-family: Arial;
}

#menuup li{
	float: left;
	width:167px;
	text-align: center;
	padding-bottom: 0px;
}
li{
	list-style-type: none;
}
#left_menu{
   margin-top: 0px;
	float: left;
	width:220px;
	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 25px;
	margin-left:0px;
	margin-right: 12%;
	padding-left:8%;
}
.shadown{
	background: #9a9696;
	border: 1px solid #ddd;
	position: inherit;
}
.blokn{
	background: #f9f9f2;
	position: relative;
	padding: 5px;
 bottom: 1px;
	right: 2px;
}
#cont{
	position: relative;
	background-color: White;

}
#news{
	position: absolute;
	width: 290px;
	right: 26px;
	top: 0px;
	background-color: #F0F0F0;
	margin-left: 10%;
	margin-right: 6%;
	float: right;
}

#content{
	margin-left: 329px;
	margin-right: 400px;
	background-color: #DBDBDB;

}
a.img{
	display: block;
	width: 472px;
	height: 222px;
	margin: 10px auto;
	text-decoration: none;
}
.shadows{
	background: #9a9696;
	border: 1px solid #ddd;
	position: inherit;
}
.bloks{
	background: #f0f0f0;
	position: relative;
	padding: 5px;
 bottom: 1px;
	right: 2px;
}


.shadow{
	background: #9a9696;
	border: 1px solid #ddd;
	position: inherit;
}
.blok{
	background: #dbdbdb;
	position: relative;
	padding: 5px;
 bottom: 1px;
	right: 2px;
}

#footer{
	position: relative;
	margin-top: -2.5em;
	height: 2.5em;
}

Скриншот не смогла вставить сюда , получается что рисунок висит сам по себе ,не подчиняется никаким тэгам

Sign In

Помогите с IMG

Question

Tashka

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

MehOlOLBuC

Link to comment

Share on other sites

Tashka

Link to comment

Share on other sites

MehOlOLBuC

Link to comment

Share on other sites

Tashka

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information