ㅁ

ㅁㅁㅁㅁ

 

작은 이미지에 마우스오버하면 큰이미지가 바뀌는 모습인데요~

 

아무리 이리바꾸고 저리바꿔도

 

 

이렇게 나옵니다 ㅠㅠ 큰이미지랑 똑같은 사이즈로 세로정렬로 나와요 //

뭐가 문제인걸까요 ㅠㅠ

 

 

 

 <div class="conten1">
 <h1></h1>
 <ul class="imgview">
 <? if ($view[file][0][view])  {?>
 <?
        for ($i=0; $i<=8; $i++) {
             $image[$i] = "$g4[path]/data/file/$bo_table/".$view[file][$i][file];
  }
        ?>
<? if ($view[file][0][view])  {?>
                                      <img src="<?=$image[0]?>" name=gallery_img border=0 value=0>
                                      <? } else {?>
                                      <img src="<?=$board_skin_path?>/img/noimg.gif" border=0 value=0>
                                      <? } ?></a>
         

<?=$view[file][0][content]?>
</ul>
<ul class="imgbt">
<li>
<? if ($view[file][0][file]) {?>
                                     <a href=# <? echo "onMouseOver=\"chgImg( '".$image[0]."','".$image[0]."','".ereg_replace("(\r\n|\n|\r)", "<br>", strip_tags($content) )."' );\"" ?>> <img src="<?=$image[0]?>"   align="absmiddle" border="0"></a>
                                      <? }?></li>
<li><? if ($view[file][1][file]) {?>
                                      <a href=# <? echo "onMouseOver=\"chgImg( '".$image[1]."','".$image[1]."','".ereg_replace("(\r\n|\n|\r)", "<br>", strip_tags($content) )."' );\"" ?>> <img src="<?=$image[1]?>"   align="absmiddle" border="0"></a>
                                      <? }?></li>
<li><? if ($view[file][2][file]) {?>
                                      <a href=# <? echo "onMouseOver=\"chgImg( '".$image[2]."','".$image[2]."','".ereg_replace("(\r\n|\n|\r)", "<br>", strip_tags($content) )."' );\"" ?>> <img src="<?=$image[2]?>"  align="absmiddle" border="0"></a>
                                      <? }?></li>
<li><? if ($view[file][3][file]) {?>
                                      <a href=# <? echo "onMouseOver=\"chgImg( '".$image[3]."','".$image[3]."','".ereg_replace("(\r\n|\n|\r)", "<br>", strip_tags($content) )."' );\"" ?>> <img src="<?=$image[3]?>"  align="absmiddle" border="0"></a>
         
                                      <? }?></li>

</ul>

</div>

 

 

 

 

 

.conten1 {
 width:400px;
 float:left;
    display:block;
}

.conten1 .imgview {
 width:100%;
 text-align:left;

}

.conten1 .imgbt ul {
 width:100%;
 list-style-type:none;

}

.conten1 .imgbt li {
 width: 25%;

 text-align:center;
 display:inline;
}