Şimdi Ara

Metin Kutucukları Ve Menüleri Nasıl Oluşturulur?

Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
7
Cevap
0
Favori
578
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhaba, kafamda bir soru var ve bir türlü çözemedim.CSS ile de ilgilendim ama web sitelerinde yazıları yazmak için her bilgisayarda aynı yerde ve şekilde görünecek kutucuklar oluşturamadım.Bunun için jpg şeklinde oluşturduğum kutuları body background ile sayfanın bg sine yapıştırmayı denedim ama bg her bilgisayarda farklı yerlerde göründüğü için bunu da başaramadım.

    Şu şekilde metin kutucukları nasıl oluşturulabilir?

    http://www.klanlar.org/

    Mesela klanlar internet tarayıcısı diye başlayan cümlenin olduğu metni çevreleyen bir kutucuk var ve her bilgisayarda aynı şekilde ve aynı yerde görünüyor.







  • iyi de o metin kutusu falan değil. bildiğin düz yazı. Muhtemelen de bir divle kaplı. Bence sen, önce iyice HTML'i çğren. Sonra da bi güzel CSS çalış.
  • Ben de bundan bahsediyorum zaten, düz yazıyının yerini ayarlamak kolay, ben onun arkasındaki yani backgorundunda gibi görünen ve yazıyı çevreleyen çerçevenin nasıl oluşturulabileceğini soruyorum.Html ve css de konumlandırmayı iyi biliyorum ama bir türlü bu konuyu beceremiyorum.
  • pek saç baş yolmamışsın sen belli. çerçeveyi yapmak için iç içe geçmiş divler kullanabilirsin.
  • Bahsettiğin şey yatay menu ise sana yardım edeyim.

    Bu souce code;

     <div id="nav"> 
    <ul>

    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=43985545&url=#" data-href="#">1</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=43985545&url=#" data-href="#">2</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=43985545&url=#" data-href="#">3</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=43985545&url=#" data-href="#">4</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=43985545&url=#" data-href="#">5</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=43985545&url=#" data-href="#">6</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=43985545&url=#" data-href="#">7</a></li>

    </ul>

    </div>


    Bu da Css;

    #nav ul{ 
    text-align:center;
    }

    #nav li {
    display: inline;
    text-transform:uppercase;
    }

    #nav a:link, #nav a:visited {
    color: #FFFFFF;
    background-color:#5266AB;
    text-decoration: none;
    border: 1px outset #D33366;
    }

    #nav a:hover, #nav a:active {
    color: #000;
    background-color:#D33366;
    border: 1px inset #5266AB;
    }



    Umarım bahsettiğin gibi css bilgin vardır. Yoksa cidden beni boşa yormuş olursun...




  • quote:

    Orijinalden alıntı: NafirKeyh

    Bahsettiğin şey yatay menu ise sana yardım edeyim.

    Umarım bahsettiğin gibi css bilgin vardır. Yoksa cidden beni boşa yormuş olursun...


    Boşuna yorulmuşsun zaten. Adam linklerden bahsetmiyor. Hele ki verdiği adreste açılır kapanır menü namına birşey yok. Bahsettiği şey, oyunun açıklama bölümünü içine alan div veya div grubunun arkaplanı. Onu da div ile yapması için içiçe geçmiş divler kullanması lazım. Her browser'in CSS3 dekteklemediğni düşünürsek tek şansı bu.
  • Çok teşekkür ediyorum ikinize de.TradeMark'ın söylediği gibi istediğim şey bu değildi NafirKeyh, ama uğraşından dolayı teşekkür etmek istiyorum.Divlerle çalışmaya başlayacağım.Umarım amacıma ulaşırım...
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.