{Soru} Css de ufak logo eklemek ?

Sanırım bunun sebebi display:block kullanmanızdan dolayı olması lazım
İnline ile değiştirip deneyin sonucu yazarsanız sevinirim

Bir Avuç Şiir yazısının başlangıcına <div style="float: right; padding-right: 5px;"> logo resmin </div> bu şekilde yaparsan dediğin konuma gelmesi gerek. Tabi ekleyeceğin resmin boyutuda önemli

ekleyeceğim resmin boyutu 22x22 boyutlarında ama yine olmadı

Eğer yazı h1 tagının içindeyse o zaman <h1> bunun başlangıcından uygulayın.

<h1>Bir Avuç Şiir<img src="resimyolu" /></h1>
#anamenu h1 {
position:relative;
display: block;
background-color:#3B5998;
font-size: 90%;
padding: 3px 0 5px 3px;
border:none;
border-color:#FFFFFF;
color: #FFFFFF;
margin: 0px;
width:161px;
}
#anamenu h1 img{
position:absolute;
right:5px;
top:3px;
}

bu tür durumlarda h1 e background img olarak o el resmini tanımlayabilirsin yeni element kullanmadan. mesela imajın genişliği 20px:

h1 { width:150px; background: url(images/bcn.jpg) no-repeat 125px 3px #3B5998; padding:0; margin:0; font-size:12px; }

<h1>blabla</h1>

positionı right yapmana gerek yok. #anamenu h1 için cssi düzenlersen her zaman rahat edersin. Bir ipucu sana böyle h1,h2,h3,li, gibi taglarda yukardan ve aşağıdan padding ile alanı ortalamaya, büyütmeye gerek yok. ona istediğin height ver atıyorum 20px, line-height olarakta 20px ver kalıbına tam oturur içine ne yazarsan yaz tam ortasında durur dikey olarak. Senin yapıya en uygunu şudur mesela;

<h1>Bir Avuç Şiir<img src="resimyolu" /></h1>
#anamenu h1 {
position:relative;
display: block;
background-color:#3B5998;
font-size: 90%;
padding: 0 3px;
line-height:20px;
height:20px; /*IE7 icin cikabilecek sorunlari giderir*/
border:none;
border-color:#FFFFFF;
color: #FFFFFF;
margin: 0px;
width:158px;
}
#anamenu h1 img{
position:absolute;
right:3px;
top:3px;
}