Şimdi Ara

css ile satır aralığı belirleme

Bu Konudaki Kullanıcılar:
3 Misafir - 3 Masaüstü
5 sn
15
Cevap
0
Favori
33.147
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • wordde yazılmış uzun bir belgeyi yayınlamam gerek sitede fakat bütün satır başlarında <p> tagları olduğu için çok aralık oluyor ben arada <br> varmış gibi olsun istiyorum
    css ile bu yapılabiliyodu ama unuttum p tagına bir değer atıyroduk ama nasıldı o satır aralığını belirtiyordu kodu unuttum bilen varsa yardımcı olur mu lütfen



  • line-height değil miydi?
  • evet ama css yazım kurallarını tam bilmediğim için kodu yazarsanız sevinirim fakat
    ben satır aralığı değil paragraf aralığını azaltmak istiyorum
    yani p tagları arasındaki yazılar arasında sanki iki enter yapılmış gibi görülüyor
    bunu engelleyebileceğim bir şey olmalı
  • "p tagına
    line-height: 200% ( çift satır için )
    line-height: 150% (bir buçuk satır için.. )


    //

    p {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 200%; // Satır aralığı
    margin-top: 5px; // üst kısmı ile olan mesafe
    margin-bottom: 5px; //alt kısım ile olan mesafe


    }

    gibi...

    Edit : Eklemeler yapıldı..



    < Bu mesaj bu kişi tarafından değiştirildi X Files -- 27 Eylül 2006; 22:21:07 >
  • çok teşekkür ederim
    ii paragraf arasındaki aralığı azaltmak istiyorum ben
    yaniğ yazarlar yazılarını wordde yazıyorlar
    ve ben ordan paste ettiğimde her paragraf p tagları arasına alınıyor
    sonra aralarında çok aralık görünüyor
    bunu azaltmak için margin bottomu denedim ama olmadı
    değerini0.1 bile yaptımama gene aynı
    yok mu bunun yolu
  • Sayfanı ( css dosyan ile bilkte ) bir yere upload edrmisin rar yada zipli olarak.

    Nerede pkroblem hem söylerim hem düzeltirim.
  • ya ben css dosyasını ayrı yapmıyorum ki
    <style type="text/css"> 
    p {
    margin-top: 0.5px;
    }
    </style>

    şeklinde yazıyorum </head>kapanışı <body>açılışı arasına
  • Yapay Zeka’dan İlgili Konular
    Sayfa İçinden CSS değiştirme
    19 yıl önce açıldı
    Daha Fazla Göster
  • Oke hemen bakıyorum
  • saolun beklioyrum iftar vakti sevap kazanıyosunuz
  • İftarımız yaptık; çayımızıda içtik, sayfayıda hazırladık.

    Şimdi ilk olarak ufak bir iki tavsiyem olacak nacizhane.
    Mutlaka table lar ile çalışmalısın. Hatta css leri hazırlarken table lara id verebilirsin. Bunu div tagları içinde yapabilirsin.

    Dolayısı ile her id için farklı css ler oluşturabilirsin. Ayrıca css leri sayfalardan bağımsız yani sayfa içinde değilde ornek.css gibi dosyalarda oluştururisen hek seferde onlarca hatta milyonlarca sayfanın düzenlemelerini tek seferde değiştirebilirsin. Hatta ve hatta bu işi javascript ile aynı sayfa işinde css swicher lar oluşturabilirsin.

    Mesela 2 değişik stilimiz var. kolay olsun diye şöyle açıklama yapayım.
    ornek1.css de arka plan siyah yazı rengi beyaz olsun.
    ornek2.css de arka plan beyaz yazı rengi siyah olsun.

    Kullanıcı ya ufak bir buton yada link sayesinde bunları değiştirme hakkı bile verebiliriz. Sadece yapmamız gereken css dosyalarını tanımlamak olacaktır. Bu arada çoklu css denemeleri ile ilgili kısa zaman içerisinde basit olarak html uygulamalarını yaparım. ve burada konu olarak açarım.

    Şimdi ise asıl konumuza gelelim. Örnek kodlar aşağıda. Az biraz kontrol edersen basit bir şekilde anlayabilirsin. Ben biraz daha göze hoş gözüksün diye bir kaç paragrafı topladım bir araya.

    Bak o kadar şeyin arasında unuttum söylemeye css kodları head tagları arasına yazılır. Head ı kapatmadan önce yani.


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <style type="text/css">
    p {
    margin-top: 5px;
    margin-bottom: 5px;
    }
    </style>
    </head>
    <body>
    <p><em>Aasagida okuyacaginiz üç sayfalik konusma msnde yapilpilmis olup, </em></p>
    <p><em>07 Haziran 2006 tarihinde,</em></p>
    <p><em>Yani site içerigi hakkinda, yazar ve ekip hakkinda hiç bir gelismenin olmadigi, </em></p>
    <p><em>sitemiz sadece teori halinde bir proje konumunda oldugu bir dönemde yapilmis bir konusmadir.</em></p>
    <p><em>Burada sadece çikis amacimiz vurgulanmistir. Aradan 7 ay sonunda tabiki bir çok gelisme ve degisme oldu </em></p>
    <p><em>fakat baslangiç noktamiza aykiri hiçbir gelisme olmamistir.</em></p>
    <p><em>diyalogumuzun geçtigi kisinin ismini bizi sinamak ve anlamak amaciyla bazi sorular sordugu</em></p>
    <p><em>ve bu sorular neticesinde kisinin yanlis anlasilabilecegi farkedilmesi sonucu gizlenmistir </em></p>
    <p> </p>
    </body>
    </html>



    < Bu mesaj bu kişi tarafından değiştirildi X Files -- 1 Ekim 2006; 19:52:05 >




  • hay allah razaı olsun beya
    sonunda oldu
    bottom ile top ikisini birden kullanmamız gerektiğini unutmuşum
    saolasın
    evet haklısın css dosyası yapsam iyi olacak
    fakat bu dosyayı nasıl çağıracağız peki
  • <link rel="stylesheet" href="ornekcssdosyasi.css" type="text/css">

    gibi yazabilirsin; ( adı ve path ini değiştir gibi ssenin için saçma gelebileceksede hatırlatayım, belki konu hakkında bilgisi olmayan arkadaşlar faydalanır )

    head tagları arasında olacak unutma...
  • evet saolaun ama bu her link verdiğimizde bunu eklememizi salık verir yani biraz uzun iş görünüyo ama sanırım daha garanti
    peki bi sorum daha var
    diyelim ki biz a elementine bir değer atadık
    yani bütün sayfada a elementi aynı olsun diye
    a:link { 
    color: #74320D;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #74320D;
    }
    a:hover {

    text-decoration: underline;
    color: #74320D;
    }
    a:active {
    text-decoration: none;
    }

    fakat öyle bir durum oldu ki
    sadee bir linke farklı stil atamak istedim
    ve yapamadım

    <A href="mailto:mail@mail.com" class="farkli_link">farklı link</A>

    denedim olmadı div yada span tagları arasına alıp denedim olmadı
    sanırım böyle bişey mümkün değil
  • Yok yanlışın var. Mail to yu farklı kategori altına sokuyor css te. Footer olabilirmi diyeceğim ama tam hatırlayamıyorum. Dreamweaver ı açar oradan Css templates lere bakarsan ona uygun da bir şey verecektir mutlaka.

    Birde şurada hata var. Css lerde id; Class, ve tag diye 3 değişik sınıflandırma vardır.

    Id lerde mesela

    <table border="0" width="750" cellspacing="0" cellpadding="0" id="table5" height="22">
    yada div tagları gibi taglarda da kullanılabilir.

    taglar da ise td, p, tr ne bileyim işte buna benzer tagların arasındakiler için uygulanır. Class larde ise footer, başlık vs gibi değişik sınıflandırmalar oluşturulabilir.

    Daha detaylı ve açıklamalı yazmak isterdim. Ama başım ağırıyor deli gibi bugün, iftardan sonra bakarız yine yazıya. Umarım yanlış yazdığım şeyler yoktur.
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.