selam mrb arkadaşlar benim kodlar ile ilgili bir kaç sorum var
1. sorum bu position:relative ve position:absolute ikiside tek ayrı ayrı tek bir kullanımda ne işe yarıyor.
2.sorum bir div oluşturdum renkli fakat sağda solda üstte altta boşluk oluyor ben bu boşlukların olmaması için hangi kodları hangi değerde kullanmalıyım bu soruya örnek olarak http://www.tdk.gov.tr/ sitesinde üst header kısmındaki mavi alanın üstten sağdan soldan ve alttan hiç boşluğu yok bunun gibi nasıl yapabilirim.
kodlar hakkında bir kaç soru |
8 Mesajlar | 1.042 Okunma | ||
- Üyelik 08.01.2016
- Yaş/Cinsiyet 32 / E
- Meslek Çalışmıyorum
- Konum İstanbul Avrupa
- Ad Soyad F** A**
- Mesajlar 65
- Beğeniler 43 / 6
- Ticaret 0, (%0)
- Üyelik 02.01.2014
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 1852
- Beğeniler 346 / 707
- Ticaret 5, (%100)
Padding
İçe doğru boşluk verir
Margin
Kendine komşu olan div lerle arasını açar
Absolute
Div in yerini tamı tamına belrlemek için kullanılır. Bunu position:relative bir div in içine koydun mesela. Top:10px dedin. O relative div in içinde üstten 10px mesafede konumlanır. Ama relative div in yeri değiştikçe de onla beraber hareket eder.
Kenarda boşluk olmaması için width:100%; padding:0 yapılabilir.
https://www.w3schools.com/html/
En iyisi sen buraya bir bak. Uygulamalarıyla hepsi burada.
İçe doğru boşluk verir
Margin
Kendine komşu olan div lerle arasını açar
Absolute
Div in yerini tamı tamına belrlemek için kullanılır. Bunu position:relative bir div in içine koydun mesela. Top:10px dedin. O relative div in içinde üstten 10px mesafede konumlanır. Ama relative div in yeri değiştikçe de onla beraber hareket eder.
Kenarda boşluk olmaması için width:100%; padding:0 yapılabilir.
https://www.w3schools.com/html/
En iyisi sen buraya bir bak. Uygulamalarıyla hepsi burada.
- Üyelik 08.01.2016
- Yaş/Cinsiyet 32 / E
- Meslek Çalışmıyorum
- Konum İstanbul Avrupa
- Ad Soyad F** A**
- Mesajlar 65
- Beğeniler 43 / 6
- Ticaret 0, (%0)
Padding
İçe doğru boşluk verir
Margin
Kendine komşu olan div lerle arasını açar
Absolute
Div in yerini tamı tamına belrlemek için kullanılır. Bunu position:relative bir div in içine koydun mesela. Top:10px dedin. O relative div in içinde üstten 10px mesafede konumlanır. Ama relative div in yeri değiştikçe de onla beraber hareket eder.
Kenarda boşluk olmaması için width:100%; padding:0 yapılabilir.
https://www.w3schools.com/html/
En iyisi sen buraya bir bak. Uygulamalarıyla hepsi burada.
İçe doğru boşluk verir
Margin
Kendine komşu olan div lerle arasını açar
Absolute
Div in yerini tamı tamına belrlemek için kullanılır. Bunu position:relative bir div in içine koydun mesela. Top:10px dedin. O relative div in içinde üstten 10px mesafede konumlanır. Ama relative div in yeri değiştikçe de onla beraber hareket eder.
Kenarda boşluk olmaması için width:100%; padding:0 yapılabilir.
https://www.w3schools.com/html/
En iyisi sen buraya bir bak. Uygulamalarıyla hepsi burada.
teşekkürler anladım fakat bu boşluk kalmaması için width 100% padding 0 yaptım başka margin fln girmedim ama sadece dreamweaver içerisindeki çalışma alanında %100 oldu siteye girince gene resimdeki gibi boşluk oluyor sağ ve solda bide üstte
- Üyelik 02.01.2014
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 1852
- Beğeniler 346 / 707
- Ticaret 5, (%100)
Olabilir öyle. O boşluk margin olabilir, padding olabilir, border olabilir. O header arkaplanının bulunduğu katmanda sıkıntı yoksa onun kapsayıcısında olabilir, daha üst div lerde olabilir.
Position olaylarını, margin, padding vs öğrendikten sonra sorunu bulursun.
Position olaylarını, margin, padding vs öğrendikten sonra sorunu bulursun.
- Üyelik 08.01.2016
- Yaş/Cinsiyet 32 / E
- Meslek Çalışmıyorum
- Konum İstanbul Avrupa
- Ad Soyad F** A**
- Mesajlar 65
- Beğeniler 43 / 6
- Ticaret 0, (%0)
Olabilir öyle. O boşluk margin olabilir, padding olabilir, border olabilir. O header arkaplanının bulunduğu katmanda sıkıntı yoksa onun kapsayıcısında olabilir, daha üst div lerde olabilir.
Position olaylarını, margin, padding vs öğrendikten sonra sorunu bulursun.
Position olaylarını, margin, padding vs öğrendikten sonra sorunu bulursun.
tamam teşekkürler
- Üyelik 14.05.2016
- Yaş/Cinsiyet 32 / E
- Meslek What do you do exactly ?
- Konum İstanbul Avrupa
- Ad Soyad T** T**
- Mesajlar 561
- Beğeniler 171 / 208
- Ticaret 0, (%0)
body {
margin : 0;
padding: 0;
}
bunu css dosyanin en basina koy.
margin : 0;
padding: 0;
}
bunu css dosyanin en basina koy.
- Üyelik 18.11.2011
- Yaş/Cinsiyet 35 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
HapyMan cevaplamış, tarayıcılar kendilerine has bir şekilde elementler için varsayılan css kodları belirlerler, body için bir margin değeri vardır varsayılan olarak örneğin, bunu kaldırmak için body etiketinin margin değerini sıfırlaman gerekir.
Bu tarz sorunlarla uğraşmamak için tüm tarayıcıların varsayılan değerlerini sıfırlamak için sıfırlama css 'leri kullanabilirsin.
En çok kullanılanlardan bir tanesi:
https://meyerweb.com/eric/tools/css/reset/
Farklı örneklere de "reset css" şeklinde arama yaparak ulaşabilirsin.
http://html5doctor.com/html-5-reset-stylesheet/
Bu tarz sorunlarla uğraşmamak için tüm tarayıcıların varsayılan değerlerini sıfırlamak için sıfırlama css 'leri kullanabilirsin.
En çok kullanılanlardan bir tanesi:
https://meyerweb.com/eric/tools/css/reset/
Farklı örneklere de "reset css" şeklinde arama yaparak ulaşabilirsin.
http://html5doctor.com/html-5-reset-stylesheet/
- Üyelik 08.01.2016
- Yaş/Cinsiyet 32 / E
- Meslek Çalışmıyorum
- Konum İstanbul Avrupa
- Ad Soyad F** A**
- Mesajlar 65
- Beğeniler 43 / 6
- Ticaret 0, (%0)
HapyMan cevaplamış, tarayıcılar kendilerine has bir şekilde elementler için varsayılan css kodları belirlerler, body için bir margin değeri vardır varsayılan olarak örneğin, bunu kaldırmak için body etiketinin margin değerini sıfırlaman gerekir.
Bu tarz sorunlarla uğraşmamak için tüm tarayıcıların varsayılan değerlerini sıfırlamak için sıfırlama css 'leri kullanabilirsin.
En çok kullanılanlardan bir tanesi:
https://meyerweb.com/eric/tools/css/reset/
Farklı örneklere de "reset css" şeklinde arama yaparak ulaşabilirsin.
http://html5doctor.com/html-5-reset-stylesheet/
Bu tarz sorunlarla uğraşmamak için tüm tarayıcıların varsayılan değerlerini sıfırlamak için sıfırlama css 'leri kullanabilirsin.
En çok kullanılanlardan bir tanesi:
https://meyerweb.com/eric/tools/css/reset/
Farklı örneklere de "reset css" şeklinde arama yaparak ulaşabilirsin.
http://html5doctor.com/html-5-reset-stylesheet/
teşekkürler