Css İle Site Tasarımı [Yardım İsteği]

14/Ara/14 00:40

Kısayol

Şikayet

Özel Mesaj

_PesimisT_

Kayıt Tarihi: 27/Nisan/2008

Aşağıdaki resme uygun css tasarım yapmam lazım... Tablolu olarak bunu yapabilirim ancak CSS'i anlamak ve artık ufak ufak css'e geçmek için bunu yapmak istiyorum...

Belli bir kısma geldim ancak o içerdeki kısımları bölmekte vs sıkıntı çekiyorum... Altta yapmak istediğim resim var, ve onun altında şu ana kadar geldiğim nokta var... Yardımcı olursanız sevinirim....

http://jsfiddle.net/303ftLcm/

Bu dahil; tüm genellemeler yanlıştır! Yolcu; Kendi Yolunda.... Şükür biz Allahtan başka sahibi olmayanlarız!

Alıntı yap

14/Ara/14 01:02

Kısayol

Şikayet

Özel Mesaj

Cosmic

Kayıt Tarihi: 14/Haziran/2006

grid olayını araştır hocam

Bittik biz bittik

Alıntı yap

14/Ara/14 01:07

Kısayol

Şikayet

Özel Mesaj

_PesimisT_

Kayıt Tarihi: 27/Nisan/2008

Hocam düz mantıkla bunu şekil oluşturulamaz mı?

Bu dahil; tüm genellemeler yanlıştır! Yolcu; Kendi Yolunda.... Şükür biz Allahtan başka sahibi olmayanlarız!

Alıntı yap

14/Ara/14 01:31

Kısayol

Şikayet

Özel Mesaj

SerYolcu

Kayıt Tarihi: 14/Ocak/2010

Bekle 5 dakikaya hazırlayayım...

Ondan çocuk olmamıştır (Kimsenin babası değildir). Kendisi de doğmamıştır (kimsenin çocuğu değildir). İhlas Suresi 3 üncü ayette bunlar yazar.

Alıntı yap

14/Ara/14 01:34

Kısayol

Şikayet

Özel Mesaj

Ömer Kerem
MuTReFT

Banlanmış Üye

Kayıt Tarihi: 28/Temmuz/2002

Dayı şimdi bunu yapar buraya koyarız lakin bu sana balık vermek olur :) ve bir sonraki adımda tekrar yardım arayacaksın sen en iyisi balık tutmayı öğren :)

http://fatihhayrioglu.com/kitap/

Mecburi not: Cahilliğin verdiği CESARET ile ettiği lafın nereye gideceğini hesap edemeyen, düşünemeyen, fikir yoksunu mahlukatlara CEVAP vermiyorum. Adalet Ve Kalkınma Partisi - İstanbul Beyoğlu Teşkilatı 2024/1 dönem aktif üyesi.

Alıntı yap

14/Ara/14 01:38

Kısayol

Şikayet

Özel Mesaj

Shephard

Kayıt Tarihi: 04/Ağustos/2005

Mantığın doğru hocam şimdi sol blokta ayrı sağ blokta ayrı çalışacaksın.

Turkey, Photographer. #socialmedia #photography #videography #interior #architectural #food #lifestyle #fashion #product #aerial #drone

Alıntı yap

14/Ara/14 01:47

Kısayol

Şikayet

Özel Mesaj

Shephard

Kayıt Tarihi: 04/Ağustos/2005

http://jsfiddle.net/303ftLcm/2/

sağları solları hep karıştırmışın hocam sağın solun belli değil senin daha :)

Shephard tarafından 14/Ara/14 01:48 tarihinde düzenlenmiştir

Turkey, Photographer. #socialmedia #photography #videography #interior #architectural #food #lifestyle #fashion #product #aerial #drone

Alıntı yap

14/Ara/14 03:44

Kısayol

Şikayet

Özel Mesaj

SerYolcu

Kayıt Tarihi: 14/Ocak/2010

<!DOCTYPE html>
<html>
<head>
<title>CSS İSKELET</title>
<meta charset="utf-8">

  <style type="text/css">
  <!--
  .genelcontainer {
    width: 1200px;
    height: 850px;
    border: 1px solid #990033;
    margin: 0px auto;
  }

  .ustband {
    width: 1200px;
    height: 150px;
   border: 1px solid #3333FF;
  }

  .solgrup {
    width: 915px;
    height:620px;
    float: left; /* float a dikkat */
    margin:5px;
    border: 1px solid #006600;
  }

   .solyukas {
    width: 290px;
    height: 500px;
    float: left; /* float a dikkat */
    border: 1px solid #3300FF;
    margin:5px;
  }

  .solust {
    width: 280px;
    height: 240px;
    float: left; /* float a dikkat */
    border: 1px solid #FF9900;
    margin:5px;
  }

    .solalt {
    width: 280px;
    height: 240px;
    float: left; /* float a dikkat */
    border: 1px solid #FF9900;
    margin:5px;
  }

  .ortagrup {
    width: 600px;
    height: 500px;
    float: right; /* float a dikkat */
    margin: 5px;
    border: 1px solid #336666;
  }

  .ortaust {
    width: 590px;
    height:400px;
    float: left; /* float a dikkat */
    margin: 5px;
    border: 1px solid #000000;
  }

  .ortaaltsol {
    width: 285px;
    height: 70px;
    float: left;  /* float a dikkat */
    margin: 5px;
    border: 1px solid #6600CC;
  }

   .ortaaltsag {
    width: 285px;
    height: 70px;
    float: right;   /* float a dikkat */
    margin: 5px;
    border: 1px solid #6600CC;
  }

    .ortaaltalt {
    width: 900px;
    height:95px;
    float: left;   /* float a dikkat */
    margin: 5px;
    border: 1px solid #6600CC;
  }


  .sagyukas {
    width: 260px;
    height: 620px;
    float: right; /* float a dikkat */
    border: 1px solid #3300FF;
    margin:5px;
  }

  .sagust {
    width: 250px;
    height: 300px;
    float: left; /* float a dikkat */
    border: 1px solid #FF9900;
    margin:5px;
  }

    .sagalt {
    width: 250px;
    height: 300px;
    float: left; /* float a dikkat */
    border: 1px solid #FF9900;
    margin:5px;
  }

  .altband {
    width: 1185px;
    height: 50px;
    border: 1px solid #000000;
    float: left; /* float a dikkat */
    margin:5px;
  }
  -->
  </style>

</head>

<body>

<div class="genelcontainer">

<div class="ustband"> üst band </div> <!-- ust band sonu -->

<div class="solgrup">
<div class="solyukas">
<div class="solust">solust</div>
<div class="solalt">solalt</div>
</div> <!-- sol yukarıdan aşağı sonu -->

<div class="ortagrup">
<div class="ortaust">orta ust</div>
<div class="ortaaltsol">orta alt sol </div>
<div class="ortaaltsag">orta alt sag </div>
</div><!-- ortagrup sonu -->

<div class="ortaaltalt">orta alt alt </div>
</div> <!-- solgrup sonu -->

<div class="sagyukas">
<div class="sagust">sag ust</div>
<div class="sagalt">sag alt</div>
</div> <!-- sag yukarıdan aşağı sonu -->

<div class="altband">alt band</div>

</div>  <!-- genelcontainer sonu -->
</body>
</html>

Ondan çocuk olmamıştır (Kimsenin babası değildir). Kendisi de doğmamıştır (kimsenin çocuğu değildir). İhlas Suresi 3 üncü ayette bunlar yazar.

Alıntı yap

14/Ara/14 19:31

Kısayol

Şikayet

Özel Mesaj

_PesimisT_

Kayıt Tarihi: 27/Nisan/2008

@Shephard @SerYolcu çoook teşekkür ettim...

Birde şu her bir alan için ayrı ayrı h1 tanımlayabilir miyim... 1. alanda yeşil alka plan alsın, 2. alanda mavi vb...

Bu dahil; tüm genellemeler yanlıştır! Yolcu; Kendi Yolunda.... Şükür biz Allahtan başka sahibi olmayanlarız!

Alıntı yap