v2.5.1
Giriş yap

Hatam nerede?

bukr3j
83 defa görüntülendi ve 2 kişi tarafından değerlendirildi

Başlığa ne yazacağımı bilemedim. Yardım istediğim şeyi açıklayayım. Ben Staj yerimin web sitesinin scriptini değiştiriyorum. Bilmediğim bir scriptten daha yeni öğrendiğim, ismini yeni duyduğum swiper.js scriptine değiştiriyorum. Önceden yapılan css yasarımlarını falan kullanmaya çalıştım. Bazı şeyleri silerek kopyala yapıştır yaptım ve görüntü çok kötü old yaptığım şeyin. Kopyala yapıştır ile çok kötügözüksede yaptım linkleri falan ama...
Benim yapabildiğim: benim yaptığım
Önceden olan: önceden olan
iligli olduğunu düşündüğüm css kodları:

    .pp-scrollable .scroll-wrap{
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0rem 0 0rem ;
  white-space: normal;
  
}
.pp-scrollable .scroll-wrap2{
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0rem 0 0rem ;
  white-space: normal; 
}
.pp-scrollable .scroll-wrap2{
    width: 100%;
    position: fixed;
    display: inline-block;
    vertical-align: middle;
    padding: 9rem 0 0rem ;
    white-space: normal; 
  }
.pp-scrollable .scroll-wrap3 {
    width: 100%;
    position: fixed;
    display: inline-block;
    vertical-align: middle;
    padding: 5rem 0 0rem;
    white-space: normal;
}
.pp-scrollable .scroll-wrap4{
  width: 100%;
  position: fixed;
  display: inline-block;
  vertical-align: middle;
  padding: 6rem 0 0rem ;
  white-space: normal; 
}
.pp-scrollable .scroll-wrap5{
  width: 100%;
  position: fixed;
  display: inline-block;
  vertical-align: middle;
  padding: 15rem 0 0rem ;
  white-space: normal; 
}
.pp-scrollable .scroll-wrap6{
  width: 100%;
  position: fixed;
  display: inline-block;
  vertical-align: middle;
  padding: 8rem 0 0rem ;
  white-space: normal; 
}

kopyala yapıştır yaparak yaptığım:

    <!-- Swiper -->
    <div class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide home">
            <div class="scroll-wrap">
              <div class="container">
              <div class="mt-4 pt-2">
                <div class="row-project-box row">
                  <div class="col-project-box col-md-6 col-lg-4 col-xl-3">
                    <a href="#cadcam" class="project-box">
                    <div class="project-box-inner">
                      <h4>CAD / CAM</h4>
                    </div>
                    </a>
                  </div>
                  <div class="col-project-box col-md-6 col-lg-4 col-xl-3">
                    <a href="#cnc" class="project-box">
                    <div class="project-box-inner">
                      <h4>CNC</h4>
                    </div>
                    </a>
                  </div>
                  <div class="col-project-box col-md-6 col-lg-4 col-xl-3">
                    <a href="#robotics" class="project-box">
                    <div class="project-box-inner">
                      <h4>Robotik</h4>
                    </div>
                    </a>
                  </div>
                  <div class="col-project-box col-md-6 col-lg-4 col-xl-3">
                    <a href="#devicesoft" class="project-box">
                    <div class="project-box-inner">
                      <h4>Cihaz Yazılımları</h4>
                    </div>
                    </a>
                  </div>
                  </div>
                </div>
               </div>
            </div>
        </div>

önceden yaptığım

<!-- Home -->  
	<section id="home" class="navbar-is-white text-white pp-scrollable d-flex align-items-center section position-absolute" role="main">
	  <div class="intro">
		<div class="scroll-wrap">
		  <div class="container">
			<div class="mt-4 pt-2">
				<div class="row-project-box row">
					<div class="col-project-box col-md-6 col-lg-4 col-xl-3">
					  <a href="#cadcam" class="project-box">
						<div class="project-box-inner">
							<h4>CAD / CAM</h4>
						</div>
					  </a>
					</div>
					<div class="col-project-box col-md-6 col-lg-4 col-xl-3">
					  <a href="#cnc" class="project-box">
						<div class="project-box-inner">
							<h4>CNC</h4>
						</div>
					  </a>
					</div>
					<div class="col-project-box col-md-6 col-lg-4 col-xl-3">
					  <a href="#robotics" class="project-box">
						<div class="project-box-inner">
							<h4>Robotik</h4>
						</div>
					  </a>
					</div>
					<div class="col-project-box col-md-6 col-lg-4 col-xl-3">
					  <a href="#device_software" class="project-box">
						<div class="project-box-inner">
							<h4>Cihaz Yazılımları</h4>
						</div>
					  </a>
					</div>
				  </div>
			  </div>
		   </div>
		</div>
	  </div>
    </section>
bukr3j
43 gün önce

Bu konu diğer açtığım "3000+' den fazla satırlı css i olan web sitesini nasıl tekrardan yazabilirim?" başlıklı konuyla aynı konu deeğildir. Burada sadece hatanın ne olduğunu bilemediğim için benim yazdığım şey ile mi alakalı yoksa css dosyalarının birbirleriyle çakışmasıylamı onu soruyorum.