0

実際、私は 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;*/
}
4

0 に答える 0