Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Расширение изображений, цвет ссылок, бэк


Автор: ДобренькийПапаша 2.6.2008, 21:40
Есть три вопроса по следующей странице: http://www.armenian-power.ru

1)Как расширить боковые картинки?
2)Как сделать так чтобы рамки ссылок были чёрного цвета? (чёт не получается никак)
3)Сделал бэкграунд всередине, а он до конца не пошёл, внизу белый квадрат, как с этим справиться...

Вот собстенно, код
Код

<html>
<head>
<style type="text/css">
a:link{
color:black;
}
a:visited{
color:black;
}
a:hover{
color:black;
}
a:active{
color:black;
}
.priv{
font-family:Tahoma;
font-size:18px;
color:white;
text-align:center;

h1{
font-family:Georgia, 'Times New Roman';
text-transform:uppercase;
text-align:center;
font-size:36px;
color:#F26600;

}
h2{
font-family:Georgia, 'Times New Roman';
text-transform:uppercase;
text-align:center;
font-size:21px;
color:white;
}

td.TD1{
background:url("http://cs1371.vkontakte.ru/u4114945/29736961/x_6d236bdd.jpg") repeat-y top;
}
td.TD2{
background:url("http://cs1371.vkontakte.ru/u4114945/29736961/x_cbd847a7.jpg") repeat-y top;
}

TD.Cent{
 background:url(http://cs1371.vkontakte.ru/u4114945/29736961/x_53ff3c92.jpg) repeat-x top;
 width:550px;
}

</style>
<title>Armenian Power</title>

</head>

<body topmargin="0", leftmargin="0", bottommargin="0", rightmargin="0">

<table border=1, height="100%" cellspacing=0, cellpadding=0, align="center">

<tr>
<td class="TD1", height=100%, width=130px>
&nbsp;
</td>
<td class="Cent", valign=top> <br>
<h2>интернет-магазин одежды</h2>

<h1>Armenian Power</h1>


<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="Common.html">
<img src="http://cs1371.vkontakte.ru/u4114945/29736961/x_bfd203a3.jpg">
</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="catalog.html">
<img src="http://cs1371.vkontakte.ru/u4114945/29736961/x_6be38b14.jpg">
</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="dostavka.html">
<img src="http://cs1371.vkontakte.ru/u4114945/29736961/x_5b7e5968.jpg">
</a>
<br><br><br><br><br>
<div class=priv>
Добро пожаловать в наш интернет<br>
-магазин одежды Armenian Power.<br>
Мы рады представить Вам качественную,<br>
стильную, комфортную, повседневную<br>
одежду, ориентированную на молодёжь.<br>
Эксклюзивный товар, определённый под<br>
символикой AR.
</div>
</td>
<td class="TD2" height=100%, width=130px>
&nbsp;
</td>
</tr>
</table>

</body>
</html>


Автор: FortMax 3.6.2008, 05:25
1. увеличь картинку в фотошопе до нужных размеров
2.
Код
a > img {border:solid 2px #FFF}


3. Изображение которое используется в качестве градиента, сделай длинее 
и надо кодировку задать ! 

Автор: bars80080 3.6.2008, 09:03
1. или жёстко задай им нужную ширину: <img src="http://cs1371.vkontakte.ru/u4114945/29736961/x_bfd203a3.jpg" width="100" />

Автор: ДобренькийПапаша 3.6.2008, 20:19
Всем большое спасибо, есть ещё два вопроса:

1)Как сделать нормальные отступы слева и справа в средней колонке, leftmargin и rightmargin не работает почему-то...
2)Чем посоветуте закрыть слева и справа белые полосы слева и справа от таблицы? Если ширить рисунок, то он увеличивается и в высоту, а тогда начинает дублироваться(((

Автор: lukas 3.6.2008, 20:39
ДобренькийПапаша

1. margin-left & margin-right  smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)