実際、私は www.maxhealthcare.in に似たウェブサイトのデザインを実装しています。ウェブサイトの「Team that Cares」と「Technology」の部分で混乱しています。私のウェブサイトは www.mohmand-hospital.com です。
スライドショーの見つけ方と見つけ方を教えてください。これが HTML の私のコードです。
<div class="marquee_div">
<div class="marquee_div_ind">
<div class="marquee_div_img">
<img src="<?=base_url()?>assets/display/photo/leadership/1.jpg" />
</div>
<div class="marquee_div_detail">
<p><span class="color_blue">Hameed Oruzgani</span></p>
<p>Heat Specialist</p>
</div>
</div>
<div class="marquee_div_ind">
<div class="marquee_div_img">
<img src="<?=base_url()?>assets/display/photo/leadership/2.jpg" />
</div>
<div class="marquee_div_detail">
<p><span class="color_blue">Hameed Oruzgani</span></p>
<p>Heat Specialist</p>
</div>
</div>
<div class="marquee_div_ind">
<div class="marquee_div_img">
<img src="<?=base_url()?>assets/display/photo/leadership/3.jpg" />
</div>
<div class="marquee_div_detail">
<p><span class="color_blue">Hameed Oruzgani</span></p>
<p>Heat Specialist</p>
</div>
</div>
<div class="marquee_div_ind">
<div class="marquee_div_img">
<img src="<?=base_url()?>assets/display/photo/leadership/4.jpg" />
</div>
<div class="marquee_div_detail">
<p><span class="color_blue">Hameed Oruzgani</span></p>
<p>Heat Specialist</p>
</div>
</div>
<div class="marquee_div_ind">
<div class="marquee_div_img">
<img src="<?=base_url()?>assets/display/photo/leadership/5.jpg" />
</div>
<div class="marquee_div_detail">
<p><span class="color_blue">Hameed Oruzgani</span></p>
<p>Heat Specialist</p>
</div>
</div>
</div>
</div>
そしてcss部分。
.marquee_div
{
height:auto;
width:100%;
float:left;
/*background-color:#060;*/
}
.marquee_div_ind
{
height:220px;
width:160px;
float:left;
margin:10px;
/*background-color:#666;*/
marquee-direction: left;
-moz-marquee-direction:left;
}
.marquee_div_img
{
width:100%;
height:70%;
padding:0px;
margin:0px;
float:left;
/*background-color:#099;*/
}
.marquee_div_img img
{
width:130px;
height:130px;
padding:0px;
margin:10px;
float:left;
/*background-color:#9F9;*/
border:5px transparent solid;
border-radius:5px;
box-shadow:0px 0px 2px #333;
}
.marquee_div_detail
{
width:81%;
height:30%;
padding:0px 15px;
margin:0px;
float:left;
/*background-color:#990;*/
}