lostyazilim
tr.link

2 Div'in Arasına div

12 Mesajlar 1.791 Okunma
lstbozum
tr.link

ebagcuvan ebagcuvan emrebagcuvan.com.tr Kullanıcı
  • Üyelik 22.10.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek --
  • Konum Diğer
  • Ad Soyad E** B**
  • Mesajlar 2908
  • Beğeniler 716 / 715
  • Ticaret 8, (%100)
Arkadaşlar resimde gördüğünüz gibi iki divin arasına nasıl div açabilirim yani div açtım ama float:left;, float:center; veya float:right; verince tasarım kayıyor

Ne Yapmam lazım tasarımın bir kaç işi kaldı o yüzden yardımlarınızı bekliyorum ?

 

 

wmaraci
reklam

OzgurG OzgurG Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 14.08.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Meslek
  • Konum Adana
  • Ad Soyad Ö** G**
  • Mesajlar 172
  • Beğeniler 10 / 36
  • Ticaret 3, (%100)
Önce soldaki divi, sonra ortadaki divi, en sonda sağdaki divi konumlandırır ve kodlarsanız sorun olmaz diye düşünüyorum.
 

 

ebagcuvan ebagcuvan emrebagcuvan.com.tr Kullanıcı
  • Üyelik 22.10.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek --
  • Konum Diğer
  • Ad Soyad E** B**
  • Mesajlar 2908
  • Beğeniler 716 / 715
  • Ticaret 8, (%100)

OzgurG adlı üyeden alıntı

Önce soldaki divi, sonra ortadaki divi, en sonda sağdaki divi konumlandırır ve kodlarsanız sorun olmaz diye düşünüyorum.


Nasıl yani ? zaten ilk olarak sol ve sağ divi yapıp sola left sağa right yaptım ?
 

 

OzgurG OzgurG Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 14.08.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Meslek
  • Konum Adana
  • Ad Soyad Ö** G**
  • Mesajlar 172
  • Beğeniler 10 / 36
  • Ticaret 3, (%100)

ebagcuvan adlı üyeden alıntı

Nasıl yani ? zaten ilk olarak sol ve sağ divi yapıp sola left sağa right yaptım ?


İlk olarak sağ ve solu yapmamalısınız. Bu sorun yaratabilir. Sol orta sağ olarak yapmak uygundur.
 

 

wmaraci
wmaraci

Smyrna35 Smyrna35 Web Programming Telefon Onaysız
  • Üyelik 27.10.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Web Programcılığı
  • Konum İzmir
  • Ad Soyad H** K**
  • Mesajlar 693
  • Beğeniler 118 / 183
  • Ticaret 16, (%100)
Merhaba,
float:center; yerine float:left; ibaresini kullanmayı deneyiniz.
 

 

ebagcuvan ebagcuvan emrebagcuvan.com.tr Kullanıcı
  • Üyelik 22.10.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek --
  • Konum Diğer
  • Ad Soyad E** B**
  • Mesajlar 2908
  • Beğeniler 716 / 715
  • Ticaret 8, (%100)

OzgurG adlı üyeden alıntı

Önce soldaki divi, sonra ortadaki divi, en sonda sağdaki divi konumlandırır ve kodlarsanız sorun olmaz diye düşünüyorum.


sol orta sağ şeklinde denedim olmuyor

Smyrna35 adlı üyeden alıntı

Merhaba,
float:center; yerine float:left; ibaresini kullanmayı deneyiniz.


yazdığım gibi denedim olmuyor
 

 

MagaraAdami MagaraAdami PM atabilirsiniz Kullanıcı
  • Üyelik 23.01.2014
  • Yaş/Cinsiyet 36 / E
  • Meslek Öğrenci
  • Konum Mersin
  • Ad Soyad A** Ö**
  • Mesajlar 2814
  • Beğeniler 382 / 974
  • Ticaret 2, (%100)

ebagcuvan adlı üyeden alıntı

Nasıl yani ? zaten ilk olarak sol ve sağ divi yapıp sola left sağa right yaptım ?


Bunu şöyle yapabilirsiniz.
Diyelim ki elinizde 3 tane 200x200 resim var. Bunları yerleştirirken
.resim1{position:relative;left: 20px;}
.resim2{position:relative;left: 220px;}
.resim3{position:relative;left: 420px;}
Daha sonra bunları koyacağınız yere


bu şekilde soldan iteleme (uzaklaştırma) mantığı ile mesafeler atayarak koyabilirsiniz
 

 

Okşadıkça insanları, içinden çıkıyor Cini...

ebagcuvan ebagcuvan emrebagcuvan.com.tr Kullanıcı
  • Üyelik 22.10.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek --
  • Konum Diğer
  • Ad Soyad E** B**
  • Mesajlar 2908
  • Beğeniler 716 / 715
  • Ticaret 8, (%100)

Mağara Adamı adlı üyeden alıntı

Bunu şöyle yapabilirsiniz.
Diyelim ki elinizde 3 tane 200x200 resim var. Bunları yerleştirirken
.resim1{position:relative;left: 20px;}
.resim2{position:relative;left: 220px;}
.resim3{position:relative;left: 420px;}
Daha sonra bunları koyacağınız yere


bu şekilde soldan iteleme (uzaklaştırma) mantığı ile mesafeler atayarak koyabilirsiniz


olmadı dostum başka ne yapabiliriz ?
 

 

soulmy soulmy WM Aracı Kullanıcı
  • Üyelik 12.06.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Öğretmen
  • Konum Samsun
  • Ad Soyad O** Y**
  • Mesajlar 1722
  • Beğeniler 398 / 400
  • Ticaret 20, (%100)
float hiç kullanmayın

display:inline-block;

ekleyin her div'e ve her div'e de ayrı ayrı width:123px; tanımlayın.
 

 

.

MagaraAdami MagaraAdami PM atabilirsiniz Kullanıcı
  • Üyelik 23.01.2014
  • Yaş/Cinsiyet 36 / E
  • Meslek Öğrenci
  • Konum Mersin
  • Ad Soyad A** Ö**
  • Mesajlar 2814
  • Beğeniler 382 / 974
  • Ticaret 2, (%100)

ebagcuvan adlı üyeden alıntı

olmadı dostum başka ne yapabiliriz ?

Style.css'ye
.alan{width:260px;overflow:hidden;padding:10px;}
.alan1{width:50px;height:50px;float:left;margin:10px;}
.alan2{width:60px;height:60px;float:left;margin: 10px;}
.alan3{width:70px;height:70px;float:left;margin: 10px;}

Html olarakta





Yükseklik ve genişlik kavramını salladım. ayarlarsınız kendinize göre.
ebagcuvan

kişi bu mesajı beğendi.

Okşadıkça insanları, içinden çıkıyor Cini...
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al