<a href='http://www.abduko.com'><img alt='' class='' src='http://4.bp.blogspot.com/-Ba6gRdtlM6I/VFzcup945tI/AAAAAAABuKI/r0CpKGM6NAA/s1600/anasayfa.png' title='abduko.com'/></a> <a href='http://www.abduko.com/search/label/caps?max-results=6'><img alt='' class='' src='http://1.bp.blogspot.com/-XtPvUHUvApA/VFzcv7oBFtI/AAAAAAABuKg/TRZfU973vZk/s1600/komik.png' title='abduko.com'/></a> <a href='http://www.abduko.com/search/label/gif?max-results=6'><img alt='' class='' src='http://3.bp.blogspot.com/-CkmpphAJ0k4/VFzcunHVqII/AAAAAAABuKE/mmCtAqwyC0o/s1600/gif.png' title='abduko.com'/></a> <a href='http://www.abduko.com/search/label/hayvan?max-results=6'><img alt='' class='' src='http://3.bp.blogspot.com/-V3uPX54HRDY/VFzcvbN05NI/AAAAAAABuKQ/2KzdIYqqZ7A/s1600/hayvan.png' title='abduko.com'/></a> <a href='http://www.abduko.com/search/label/hd?max-results=6'><img alt='' class='' src='http://2.bp.blogspot.com/-Hc4mqB24LKY/VFzcuvo2AMI/AAAAAAABuKM/ddnHMsoWEZo/s1600/foto.png' title='abduko.com'/></a> <a href='http://www.abduko.com/search/label/tuning?max-results=6'><img alt='' class='' src='http://2.bp.blogspot.com/-hjSoTLZ9aGQ/VFzcvzVQ60I/AAAAAAABuKY/LQBqlxBUv74/s1600/tuning.png' title='abduko.com'/></a> <a href='http://www.abduko.com/search/label/kız?max-results=6'><img alt='' class='' src='http://2.bp.blogspot.com/-tm-SCswkVTA/VFzcvMQZ3DI/AAAAAAABuKs/J1IUx_0ZBH4/s1600/girls.png' title='abduko.com'/></a>yukardaki kodlar bloggerda menü oluşturuyor fakat resimler arasına boşluk koymak istiyorum ne yapmam gerekiyor yardımcı olurmusunuz ?
aralara nasıl boşluk koyarım yardım edermisiniz ?
8
●439
- 07-11-2014, 16:58:18
Kimlik doğrulama veya yönetimden onay bekliyor.selamlar
- 07-11-2014, 17:14:09Belirli bir div veya tablo içinde ise class lara css olarak padding değeri verebilirsin.
Örnek class olarak "menu" dedin
menu img {
padding : 1 auto;
}
gibi bir şekilde yazabilirsin. sırası ile
"padding : 1px 2px" ikili veya
"padding : 1px 2px 3px 1px" gibi her yöne farklı değer de de tanımlama yapabilirsin. - 07-11-2014, 17:27:28dediğinizi bir türlü yapamadım yukardaki kod üzerinde gösterebilirmisiniz rica etsemozkanaybay adlı üyeden alıntı: mesajı görüntüle
- 07-11-2014, 17:33:34
<a href='http://www.abduko.com'><img alt='' class='' src='http://4.bp.blogspot.com/-Ba6gRdtlM6I/VFzcup945tI/AAAAAAABuKI/r0CpKGM6NAA/s1600/anasayfa.png' title='abduko.com'/></a> <br /> <a href='http://www.abduko.com/search/label/caps?max-results=6'><img alt='' class='' src='http://1.bp.blogspot.com/-XtPvUHUvApA/VFzcv7oBFtI/AAAAAAABuKg/TRZfU973vZk/s1600/komik.png' title='abduko.com'/></a> <br /> <a href='http://www.abduko.com/search/label/gif?max-results=6'><img alt='' class='' src='http://3.bp.blogspot.com/-CkmpphAJ0k4/VFzcunHVqII/AAAAAAABuKE/mmCtAqwyC0o/s1600/gif.png' title='abduko.com'/></a> <br /> <a href='http://www.abduko.com/search/label/hayvan?max-results=6'><img alt='' class='' src='http://3.bp.blogspot.com/-V3uPX54HRDY/VFzcvbN05NI/AAAAAAABuKQ/2KzdIYqqZ7A/s1600/hayvan.png' title='abduko.com'/></a> <br /> <a href='http://www.abduko.com/search/label/hd?max-results=6'><img alt='' class='' src='http://2.bp.blogspot.com/-Hc4mqB24LKY/VFzcuvo2AMI/AAAAAAABuKM/ddnHMsoWEZo/s1600/foto.png' title='abduko.com'/></a> <br /> <a href='http://www.abduko.com/search/label/tuning?max-results=6'><img alt='' class='' src='http://2.bp.blogspot.com/-hjSoTLZ9aGQ/VFzcvzVQ60I/AAAAAAABuKY/LQBqlxBUv74/s1600/tuning.png' title='abduko.com'/></a> <br /> <a href='http://www.abduko.com/search/label/kız?max-results=6'><img alt='' class='' src='http://2.bp.blogspot.com/-tm-SCswkVTA/VFzcvMQZ3DI/AAAAAAABuKs/J1IUx_0ZBH4/s1600/girls.png' title='abduko.com'/></a>
arkadaşın bahsettiği <br /> leri link arasına koyarsan bir enter kadar boşluk vermiş olursun. - 07-11-2014, 17:38:34denedim fakat alta doğru veriyor ben yana doğru versin istiyorum uğraştırıyorum sizi kusuruma bakmayın.MiniSky adlı üyeden alıntı: mesajı görüntüle
- 07-11-2014, 17:45:28Önce menüyü ul ve linkleri li etiketi içerisine aldım. Sonla liste görünümünü yatay hale getirdim.abduko adlı üyeden alıntı: mesajı görüntüle
li etiketine padding değeri verdim. Örnekte 40px var. ( örnek için ) değeri değiştirip sonuçları görebilirsin.
Boşluk veya br etiketleri acemice kalır. Css de bütün dünya ( menüde ) bu teknik ve bunun üzerinden geliştirilmiş teknikleri kullanmakta.
İlave edeyim. ul ve li etiketlerine eğer class üzerinden değil genel üzerinden değer atarsan bütün siteye etki eder. Oysa örnekte verdiğimiz şekil sadece class "menu" olarak atanmış elemanlara etki edecektir.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .menu ul { list-style-type: none; margin: 0; padding: 0; display: block; } .menu li { display: inline; padding: 40px; } </style> </head> <body> <div class="menu"> <ul> <li><a href='http://www.abduko.com'><img alt='' class='' src='http://4.bp.blogspot.com/-Ba6gRdtlM6I/VFzcup945tI/AAAAAAABuKI/r0CpKGM6NAA/s1600/anasayfa.png' title='abduko.com'/></a></li> <li><a href='http://www.abduko.com/search/label/caps?max-results=6'><img alt='' class='' src='http://1.bp.blogspot.com/-XtPvUHUvApA/VFzcv7oBFtI/AAAAAAABuKg/TRZfU973vZk/s1600/komik.png' title='abduko.com'/></a></li> <li><a href='http://www.abduko.com/search/label/gif?max-results=6'><img alt='' class='' src='http://3.bp.blogspot.com/-CkmpphAJ0k4/VFzcunHVqII/AAAAAAABuKE/mmCtAqwyC0o/s1600/gif.png' title='abduko.com'/></a></li> <li><a href='http://www.abduko.com/search/label/hayvan?max-results=6'><img alt='' class='' src='http://3.bp.blogspot.com/-V3uPX54HRDY/VFzcvbN05NI/AAAAAAABuKQ/2KzdIYqqZ7A/s1600/hayvan.png' title='abduko.com'/></a></li> <li><a href='http://www.abduko.com/search/label/hd?max-results=6'><img alt='' class='' src='http://2.bp.blogspot.com/-Hc4mqB24LKY/VFzcuvo2AMI/AAAAAAABuKM/ddnHMsoWEZo/s1600/foto.png' title='abduko.com'/></a></li> <li><a href='http://www.abduko.com/search/label/tuning?max-results=6'><img alt='' class='' src='http://2.bp.blogspot.com/-hjSoTLZ9aGQ/VFzcvzVQ60I/AAAAAAABuKY/LQBqlxBUv74/s1600/tuning.png' title='abduko.com'/></a></li> <li><a href='http://www.abduko.com/search/label/kız?max-results=6'><img alt='' class='' src='http://2.bp.blogspot.com/-tm-SCswkVTA/VFzcvMQZ3DI/AAAAAAABuKs/J1IUx_0ZBH4/s1600/girls.png' title='abduko.com'/></a></li> </ul></div> </body> </html> - 07-11-2014, 21:13:09ozkanaybay adlı üyeden alıntı: mesajı görüntüle
yardımların için ve anlatımların için çok teşekkür ederim ellerine sağlık ve ayrıca konuya cevap yazan arkadaşlara r10 veriyorum teşekkürler.
