Search the Community
Showing results for tags 'margin'.
-
Arkadaşlar. Aşağıdaki gibi bir yapım var. Öncelikle css dosyasını kendim kodladım. Arkadaşlar row classı içinde bulunan ögelerden ilk öğesinin margin-left ve son öğesinin margin-right değerini sıfırlamak istiyorum ve bir standart olsun istiyorum. Yani row classı' nın içindeki öğelerin her zaman ilk ve son öğenin margin değerlerini sıfırlasın. Nasıl yapabilirim? style.css body { margin: 0px; padding: 0px; } .container { width: 1200px; margin: 0 auto; padding-top: 18px; padding-bottom: 18px; background-color: #34495E; } .grids { width: 1164px; margin: 0px 18px; background-color: #BBB; } .clean { clear: both; } .row { height: auto; } .column { float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;} .col-1 { background-color: yellow; color: #34495E; width: 54px; } .col-2 { background-color: yellow; color: #34495E; width: 128px; } .col-3 { background-color: yellow; color: #34495E; width: 202px; } .col-4 { background-color: yellow; color: #34495E; width: 276px; } .col-5 { background-color: yellow; color: #34495E; width: 350px; } .col-6 { background-color: yellow; color: #34495E; width: 424px; } .col-7 { background-color: yellow; color: #34495E; width: 498px; } .col-8 { background-color: yellow; color: #34495E; width: 572px; } .col-9 { background-color: yellow; color: #34495E; width: 646px; } .col-10 { background-color: yellow; color: #34495E; width: 720px; } .col-11 { background-color: yellow; color: #34495E; width: 794px; } .col-12 { background-color: yellow; color: #34495E; width: 868px; } .col-13 { background-color: yellow; color: #34495E; width: 942px; } .col-14 { background-color: yellow; color: #34495E; width: 1016px; } .col-15 { background-color: yellow; color: #34495E; width: 1090px; } .col-16 { background-color: yellow; color: #34495E; width: 1164px; } index.html <!DOCTYPE html> <html lang="en"> <head> <link type="text/css" rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="grids"> <div class="row"> <div class="col-4 column">Sol</div> <div class="col-8 column">İçerik</div> <div class="col-4 column">Sağ</div> </div> <div class="clean"></div> </div> </div> </body> </html>
-
Arkadaşlar öncelikle elimde bir css ve jquery ile yapılmış slider var. Fakat ekranın ortasında duruyor. Websiteme dahil edemiyorum. Yardımcı olursanız çok sevinirim. İsteğim margin ve padding ayarlarını yapabileceğim yerleri belirtirseniz sevinirim. https://hotfile.com/dl/248983581/8effe0f/HaberSlider.rar.html