Bunu dene. Konumu mutlakdan göreceli olarak değiştirin ve 30 piksel üst kenar boşluğunu kaldırın. Yukarıdaki 3 örnekle aynı etkiyi elde edebilmelisiniz.
.content2
{
position: relative;
width:300px;
background-color:#F7FF88;
border:solid 5px black;
z-index:-5;
}
[DÜZENLE]
İlk önce, "sınır-alt: yok;" bu nedenle h1'iniz bu sekmeli efekt için alt kenarlara sahip olacaktır.
#nav ul li h1
{
font-size:15px;
font-weight:bold;
text-align:center;
color:#000000;
background-color:#F7FF88;
border:solid 5px black;
width:100px;
height:30px;
z-index:20;
}
Senin h1 bir sınıf ver, diyelim ki "sekmeli"
Ex. 1
Ve muhtemelen CSS'niz için bazı negatifleri kullanın.
h1.tabbed {
position:absolute;
top:-28px;
}
Bunu bir dene.