[]
Css üstadları ve Wordpress
Selamz,
Kişisel portfolyo sitem için bir adet wordpress teması kullanmaktayım. Kenarından köşesinden editleyip biraz daha özelleştirmek istiyorum.
Amacım sayfanın üst kısmının bir altında bulunan bir resim dosyasını ortalayabilmek. Resim şu anda sola bir kaç px uzaklıkta bloklanmış durumda. Bu durumu belirten kod aşağıdakilerden hangisidir?
header.php içerisinde şöyle bir satır mevcut (görsel ismini ve linkini buradan alıyor)
<div id="header_container">
<a href="<?php echo bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" class="logo" /></a>
Style.css içerisinde ise burayla bağlantılı olduğunu düşündüğüm satır burası;
#header_container { width: 153px; padding: 20px 0px 20px 15px; border-bottom: 1px solid #eee; }
.logo { float: left; }
Not: Son yazdığım kodda float: left; komutunu right ta yapsam center da yapsam sayfada hiç bir şey değişmiyor. Bir el atın.
Kişisel portfolyo sitem için bir adet wordpress teması kullanmaktayım. Kenarından köşesinden editleyip biraz daha özelleştirmek istiyorum.
Amacım sayfanın üst kısmının bir altında bulunan bir resim dosyasını ortalayabilmek. Resim şu anda sola bir kaç px uzaklıkta bloklanmış durumda. Bu durumu belirten kod aşağıdakilerden hangisidir?
header.php içerisinde şöyle bir satır mevcut (görsel ismini ve linkini buradan alıyor)
<div id="header_container">
<a href="<?php echo bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" class="logo" /></a>
Style.css içerisinde ise burayla bağlantılı olduğunu düşündüğüm satır burası;
#header_container { width: 153px; padding: 20px 0px 20px 15px; border-bottom: 1px solid #eee; }
.logo { float: left; }
Not: Son yazdığım kodda float: left; komutunu right ta yapsam center da yapsam sayfada hiç bir şey değişmiyor. Bir el atın.
margin-right:
margin-left:
margin-bottom:
ile sağ sol ve üst kısımlarından uzaklığını el ile ayarlayabilirsin. Px olaral uzaklıkları vericeksin.
margin-left:
margin-bottom:
ile sağ sol ve üst kısımlarından uzaklığını el ile ayarlayabilirsin. Px olaral uzaklıkları vericeksin.
- alkolik imam
(02.11.11 00:10:22)
www.w3.org
div'in içindeki a'ya bir isim verip ardından css'te aşağıdaki gibi tanımlamayı dene:
#Adiherneyseiste
{
display: block;
margin-left: auto;
margin-right: auto
}
bu arada resmin üst ve alt kısımlarında boşluk olmak istemiyorsan header_container'ın padding değerlerini değiştir. (sırasıyla top right bottom left şeklinde değerler)
div'in içindeki a'ya bir isim verip ardından css'te aşağıdaki gibi tanımlamayı dene:
#Adiherneyseiste
{
display: block;
margin-left: auto;
margin-right: auto
}
bu arada resmin üst ve alt kısımlarında boşluk olmak istemiyorsan header_container'ın padding değerlerini değiştir. (sırasıyla top right bottom left şeklinde değerler)
- yuto (02.11.11 02:41:15 ~ 15:14:17)
1
