рамка на снимката

[spaidur]

искам да попитам как се прави тази рамка кадето е оградена снимката на клипчетата в http://www.sharebg.net/index.php?show=clips&page=1# ако има някви такива подовни рамки даите кодчета

 

[peter_ew]

<img src="image.png" style="border: 1px solid grey; padding: 3px 3px 3px 3px" alt="Image" />

 

[DeathGuard_]

По-лесно е

<img src="image.jpg" style="padding: 5px; border: 1px solid #cccccc;">

 

[spaidur]

По-лесно е

<img src="image.jpg" style="padding: 5px; border: 1px solid #cccccc;">

нестава ето ми кода за снимката

<? echo "<img border='0' src="; if ($img=="") { echo 'images/nopic.gif'; } else { echo "$img"; }  echo" width='250' height='200'>";?>

слагамго и дава само рамката

 

[peter_ew]

<? echo "<img border='0' src='"; if ($img=="") { echo 'images/nopic.gif'; } else { echo "$img"; }  echo"' width='250' height='200' style='padding: 3px 3px 3px 3px; border: 1px solid grey;' />";?>

 

[DeathGuard_]

 <? echo "<img style=\"padding: 5px; border: 1px solid #cccccc; \" src="; if ($img=="") { echo 'images/nopic.gif'; } else { echo "$img"; }  echo" width='250' height='200'>";?>

peter_ew не виждаш ли че си оставил border="0"...

 

[Doris]

Рамката трябва да е свързана с друг елемент, за да се даде падинг спрямо него на изображението.
css:

#picview {
   float:none;
   border-width: 1px;
border-style: solid;
border-color: #999;
   padding: 5px ;
   background-color: #FFFFFF;
   height: 95px;
    width: 125px;
    
}

#picview 1{
   float:none;
   border-width: 0px;
   height: 90px;
    width: 120px;
}

html:

<a href="/play:98fe9c40"><div id="picview" ><img src="http://i47.vbox7.com/p/98fe9c403.jpg" id="picview1"></div></a>