0
Kayıt Ol

Html'den anlayanlar bakabilirmi

4

●

152

  • 20-04-2024, 09:54:55
    #1
    Tahirklc
    Tahirklc
    Web sitemde başka bir sitemi iframe olarak göstereceğim. Sitenin alt ve üst kısımlarından biraz kırpma yaparak bunu yapmak istiyorum. Aşağıdaki kodu denediğimde üstten kırpma çalışıyor ama alttan kırpma olmuyor. Yardımcı olursanız sevinirim.

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <style>
    #iframeContainer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 800px;
    }
    #iframeContainer iframe {
    position: absolute;
    top: -30%;
    bottom: -300px;
    width: 100%;
    height: 100%;
    border: none;
    }

    </style>
    </head>
    <body>

    <div id="iframeContainer">
    <iframe src="örnek.com" frameborder="0" allowfullscreen></iframe>
    </div>
  • Kabul Edilen Cevap
    • WR AJANS
      0 Beğeni
      Mesaja Git 
      <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#iframeContainer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 800px;
}
#iframeContainer iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 130%; /* İsteğinize bağlı olarak bu değeri ayarlayabilirsiniz */
    border: none;
}
</style>
</head>
<body>

<div id="iframeContainer">
    <iframe src="örnek.com" frameborder="0" allowfullscreen></iframe>
</div>

</body>
</html>
  • 20-04-2024, 10:01:12
    #2
    Carlos1
    Carlos1 
    <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
    #iframeContainer {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 800px;
    }
    #iframeContainer iframe {
        position: absolute;
        top: -30%;
        bottom: -300px;
        width: 100%;
        height: 100%;
        border: none;
    }
</style>
</head>
<body>

<div id="iframeContainer">
    <iframe src="örnek.com" frameborder="0" allowfullscreen></iframe>
</div>

</body>
</html>
  • 20-04-2024, 10:53:15
    #3
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    WR AJANS
    WR AJANS
    Google Adwords Uzmanı 🚀
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#iframeContainer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 800px;
}
#iframeContainer iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 130%; /* İsteğinize bağlı olarak bu değeri ayarlayabilirsiniz */
    border: none;
}
</style>
</head>
<body>

<div id="iframeContainer">
    <iframe src="örnek.com" frameborder="0" allowfullscreen></iframe>
</div>

</body>
</html>
  • 20-04-2024, 11:51:27
    #4
    Tahirklc
    Tahirklc
    HasanPakac adlı üyeden alıntı: mesajı görüntüle 
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#iframeContainer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 800px;
}
#iframeContainer iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 130%; /* İsteğinize bağlı olarak bu değeri ayarlayabilirsiniz */
    border: none;
}
</style>
</head>
<body>

<div id="iframeContainer">
    <iframe src="örnek.com" frameborder="0" allowfullscreen></iframe>
</div>

</body>
</html>
    Teşekkür ederim
  • 20-04-2024, 12:04:37
    #5
    WR AJANS
    WR AJANS
    Google Adwords Uzmanı 🚀
    Rica ederim iyi çalışmalar