Google Chrome:
Internet Explorer ve Firefox:
Bu sayfayı inceleyebilirsiniz: http://www.kodevreni.com/1032-xp-temas%C4%B1-yap%C4%B1m%C4%B1/
CSS Kayma Sorunu |
10 Mesajlar | 2.029 Okunma | ||
- Üyelik 22.11.2013
- Yaş/Cinsiyet 34 / E
- Meslek Bilgisayar Programcılığı
- Konum İstanbul Avrupa
- Ad Soyad Y** A**
- Mesajlar 435
- Beğeniler 90 / 80
- Ticaret 1, (%100)
Merhaba arkadaşlar. Resimde kırmızıyla gösterdiğim bölüm Google Chrome'da doğru gözükmüyor. Gri olan kısmın tüm beyaz alanı kaplaması gerekiyor. Yardımcı olan herkese şimdiden teşekkür ederim.
Google Chrome:
Internet Explorer ve Firefox:
Bu sayfayı inceleyebilirsiniz: http://www.kodevreni.com/1032-xp-temas%C4%B1-yap%C4%B1m%C4%B1/
Google Chrome:
Internet Explorer ve Firefox:
Bu sayfayı inceleyebilirsiniz: http://www.kodevreni.com/1032-xp-temas%C4%B1-yap%C4%B1m%C4%B1/
Skype: mehmetgyazilim
- Üyelik 24.07.2012
- Yaş/Cinsiyet 31 / E
- Meslek vBulletin Developers
- Konum Ankara
- Ad Soyad ** **
- Mesajlar 145
- Beğeniler 53 / 22
- Ticaret 0, (%0)
Width ile sorunu halledebilirsiniz fakat başka yerde taşma olur mu bilmiyorum.
- Üyelik 22.11.2013
- Yaş/Cinsiyet 34 / E
- Meslek Bilgisayar Programcılığı
- Konum İstanbul Avrupa
- Ad Soyad Y** A**
- Mesajlar 435
- Beğeniler 90 / 80
- Ticaret 1, (%100)
Width ile sorunu halledebilirsiniz fakat başka yerde taşma olur mu bilmiyorum.
Taşma oluyor maalesef. Başka bir öneriniz var mı?
Skype: mehmetgyazilim
- Ü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)
Kontrollerin bulunduğu kodları bu kodları kapsayan divin dışına çıkarın ve ul.post_controls tagından margin-top: 10px kodunu kaldırın. Bu şekilde istediğiniz görüntüyü elde etmiş olursunuz.
- Üyelik 22.11.2013
- Yaş/Cinsiyet 34 / E
- Meslek Bilgisayar Programcılığı
- Konum İstanbul Avrupa
- Ad Soyad Y** A**
- Mesajlar 435
- Beğeniler 90 / 80
- Ticaret 1, (%100)
Kontrollerin bulunduğu kodları bu kodları kapsayan divin dışına çıkarın ve ul.post_controls tagından margin-top: 10px kodunu kaldırın. Bu şekilde istediğiniz görüntüyü elde etmiş olursunuz.
Çok teşekkür ederim hocam ama şimdi de resimde gördüğünüz gibi gri boşluklar oluştu. Bunları kaldırmamın bir yolu var mı?
Bu sayfayı inceleyebilirsiniz: http://www.kodevreni.com/1546-bad-sector-problemi-low-level-format/
Skype: mehmetgyazilim
- Ü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)
Eveet, şimdi şu şekilde yapalım, önce aşağıdaki kodu silin.
.column_view .post_body {
border-left: 1px solid #f0f0f0;
}
Aşağıdaki background kodunu #fff yapalım.
.column_view .post_wrap {
border-left: 1px solid #e6e6e6;
background: #fff;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
Şimdide önceki sildiğimiz border 'ı yazar bilgisi kısmına ekleyelim.
.author_info {
width: 155px;
float: left;
font-size: 12px;
text-align: center;
padding: 10px 10px;
line-height: 150%;
border-right: 1px solid #f0f0f0;
}
Bu şekilde yine istenilen görüntü oluşacaktır.
.column_view .post_body {
border-left: 1px solid #f0f0f0;
}
Aşağıdaki background kodunu #fff yapalım.
.column_view .post_wrap {
border-left: 1px solid #e6e6e6;
background: #fff;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
Şimdide önceki sildiğimiz border 'ı yazar bilgisi kısmına ekleyelim.
.author_info {
width: 155px;
float: left;
font-size: 12px;
text-align: center;
padding: 10px 10px;
line-height: 150%;
border-right: 1px solid #f0f0f0;
}
Bu şekilde yine istenilen görüntü oluşacaktır.
- Üyelik 22.11.2013
- Yaş/Cinsiyet 34 / E
- Meslek Bilgisayar Programcılığı
- Konum İstanbul Avrupa
- Ad Soyad Y** A**
- Mesajlar 435
- Beğeniler 90 / 80
- Ticaret 1, (%100)
Eveet, şimdi şu şekilde yapalım, önce aşağıdaki kodu silin.
.column_view .post_body {
border-left: 1px solid #f0f0f0;
}
Aşağıdaki background kodunu #fff yapalım.
.column_view .post_wrap {
border-left: 1px solid #e6e6e6;
background: #fff;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
Şimdide önceki sildiğimiz border 'ı yazar bilgisi kısmına ekleyelim.
.author_info {
width: 155px;
float: left;
font-size: 12px;
text-align: center;
padding: 10px 10px;
line-height: 150%;
border-right: 1px solid #f0f0f0;
}
Bu şekilde yine istenilen görüntü oluşacaktır.
.column_view .post_body {
border-left: 1px solid #f0f0f0;
}
Aşağıdaki background kodunu #fff yapalım.
.column_view .post_wrap {
border-left: 1px solid #e6e6e6;
background: #fff;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
Şimdide önceki sildiğimiz border 'ı yazar bilgisi kısmına ekleyelim.
.author_info {
width: 155px;
float: left;
font-size: 12px;
text-align: center;
padding: 10px 10px;
line-height: 150%;
border-right: 1px solid #f0f0f0;
}
Bu şekilde yine istenilen görüntü oluşacaktır.
Teşekkür ederim, dediğiniz gibi yaptım ama bu seferde yazar bilgisi kısmı beyaz oldu ve yanındaki çizgi aşağıya kadar inmiyor.
Çizgi sorunu uzun iletili konularda oluyor: http://www.kodevreni.com/609-ip-board-40-yenilikleri-ve-geli%C5%9Fmeleri/
Değişiklikleri yapmadan önce çizgi aşağıya kadar tamamen iniyordu.
Skype: mehmetgyazilim
- Ü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)
Bunun en sağlam yolu arkaplana resim koymak aslında, isterseniz o şekilde yapalım. 1px X 994px boyutunda bir görsel hazırlayıp istenilen renklerde arkaplan ayarlanabilir, diğer türlü tüm kodlamada bozukluklar olacak yine.
- Ü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)
Bu koddaki background kısmını aşağıdaki gibi ayarlayın, linkteki resmi indirip hostunuzda uygun bir yere atıp linki değiştirebilirsiniz. Bu şekilde tam olarak istediğiniz gibi görüntü oluşacaktır.
.column_view .post_wrap {
border-left: 1px solid #e6e6e6;
background: url(http://i.hizliresim.com/ozJmYb.png) repeat-y;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.column_view .post_wrap {
border-left: 1px solid #e6e6e6;
background: url(http://i.hizliresim.com/ozJmYb.png) repeat-y;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
- Üyelik 04.11.2014
- Yaş/Cinsiyet 24 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad K** K**
- Mesajlar 1290
- Beğeniler 0 / 208
- Ticaret 27, (%100)
Eğer hala çözemediyseniz;
http://rafael.adm.br/css_browser_selector/
mesala chromda orası gri yaparsını mozilladada yeşil bunla tarayıcılardaki hataları düzeltebilirsiniz.
http://rafael.adm.br/css_browser_selector/
mesala chromda orası gri yaparsını mozilladada yeşil bunla tarayıcılardaki hataları düzeltebilirsiniz.
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)