• 07-09-2014, 14:19:33
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Divin içine resim koymak istiyorum ama div'in altında gözüküyor resim bu sorunun kaynagı nedir ? Html Css ve Resim asagıda mor div'in altındaki resim mor'un içine gelmesi lazım.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
     <link rel="stylesheet" type="text/css" href="style.css" />
     <title>Document</title>
    </head>
    <body>
    	<div class="container">
    <div class="ust">Ust Div</div>
    <div class="Video">Video</div>
    <div class="orta">Orta</div>
    <div class="alt">
     <a href="#"><img src=galio.png id="r1" /></a>
    
    </div>
    
    <div class="alt2"></div>
    	
    </div>
    	
    
    </html>
    .container{  width: 100%;
    }
    .ust {
     
       width: 24.5%;
       height: 150px;
       background-color: blue;
       display: inline-block;
       float: left;
       position: relative;
    }
     
    .orta {
       width: 49.7%;
       height: 652px;
       background-color: red;
       float: left;
       position: relative;
       margin-left: 2px;
    }
    .alt {
       width: 24.5%;
       height: 275px;
       margin-top: 13px;
       background-color: yellow;
    }
    
    .alt2 {
       width: 24.5%;
       height: 150px;
       margin-top: -15px;
       background-color: purple;
    }
    
    
    .Video {
       position: relative;
       display: inline-block;
       width: 25.2%;
       height: 240px;
       background-color: purple;
      float:right;
     
    }
    #r1{
    
       float: left;
       max-height: 150px;
       max-width: 150px;
       padding-top: -10px;
       top: -10px;
    }
  • 07-09-2014, 14:45:36
    #2
    Üyeliği durduruldu
    Hocam taşıyamıyormusun topla falan?
  • 07-09-2014, 14:53:18
    #3
    Kadircan adlı üyeden alıntı: mesajı görüntüle
    Hocam taşıyamıyormusun topla falan?
    margin-top:-360 px; ile getirdim içinede sorun nerde anlıyamadım daha o divin içine 5 tane icon gelicek diger divlerdede bu sorun var
  • 07-09-2014, 17:55:30
    #4
    yardım edebilecek yokmu ?
  • 07-09-2014, 18:42:05
    #5
    neden position kullanıyorsun?
  • 07-09-2014, 18:57:20
    #6
    Üyeliği durduruldu
    valtor adlı üyeden alıntı: mesajı görüntüle
    Divin içine resim koymak istiyorum ama div'in altında gözüküyor resim bu sorunun kaynagı nedir ? Html Css ve Resim asagıda mor div'in altındaki resim mor'un içine gelmesi lazım.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
     <link rel="stylesheet" type="text/css" href="style.css" />
     <title>Document</title>
    </head>
    <body>
    	<div class="container">
    <div class="ust">Ust Div</div>
    <div class="Video">Video</div>
    <div class="orta">Orta</div>
    <div class="alt">
     <a href="#"><img src=galio.png id="r1" /></a>
    
    </div>
    
    <div class="alt2"></div>
    	
    </div>
    	
    
    </html>
    .container{  width: 100%;
    }
    .ust {
     
       width: 24.5%;
       height: 150px;
       background-color: blue;
       display: inline-block;
       float: left;
       position: relative;
    }
     
    .orta {
       width: 49.7%;
       height: 652px;
       background-color: red;
       float: left;
       position: relative;
       margin-left: 2px;
    }
    .alt {
       width: 24.5%;
       height: 275px;
       margin-top: 13px;
       background-color: yellow;
    }
    
    .alt2 {
       width: 24.5%;
       height: 150px;
       margin-top: -15px;
       background-color: purple;
    }
    
    
    .Video {
       position: relative;
       display: inline-block;
       width: 25.2%;
       height: 240px;
       background-color: purple;
      float:right;
     
    }
    #r1{
    
       float: left;
       max-height: 150px;
       max-width: 150px;
       padding-top: -10px;
       top: -10px;
    }
    O imageyi hangi divin içinde gelmesini istiyorsan o dive float:left ver düzelecektir
  • 07-09-2014, 19:42:43
    #7
    Psd2Css adlı üyeden alıntı: mesajı görüntüle
    O imageyi hangi divin içinde gelmesini istiyorsan o dive float:left ver düzelecektir
    ozaman tasarım tamamen dagılıyor

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 19:42:43 -->-> Daha önceki mesaj 19:41:20 --

    ~Aykut adlı üyeden alıntı: mesajı görüntüle
    neden position kullanıyorsun?
    vallaha ugrasıyorum 5 saattir her seyı deneyım dedım sımdıde margin-top:-360 px yaptım o divin içine geldi ama resimlerin cssini aynı yapsamda farklı boyutlarda görünüyor ve ortalayamıyorum
  • 07-09-2014, 19:43:34
    #8
    Üyeliği durduruldu
    Ona göre de düzenlemeni yapıcaksınız hocam ne yazık ki ancak o şekilde düzelir.
  • 07-09-2014, 21:45:01
    #9
    <div class="disdiv" style="float:left;">
    resim
    <div style="clear:both;"></div>
    </div>

    dener misiniz.