Forum'da ara:
Ara


Yazar Mesaj
Mesaj15.11.2016, 11:22 (UTC)    
Mesaj konusu: tablo Kenarlıkları ve ızgarası görünmüyo

Clean Tasarımı kullanıyorum tasarım içinde iken her şey normal ancak internette siteyi açtığımda ızgara ve kenarlıklar görünmüyor. lüt fen bana kim yardıcı olabilir?
______________
Mesaj15.11.2016, 18:05 (UTC)    
Mesaj konusu:

clener temayı hiç kullanmadım
önerim ıceblue tema dır şu ankine çok benzer ve daha kolaydır

ayrıca forumda forum imzanizda bir noksanlık var
şöyle çözebilirisiniz
ektraların yanında ayarlar sekmesine girin.
profil bilgilerinı tıklayın forum imzan kısmına şunu yapıştırın.




kaydetin Wink

neyse özelden mesaj atıyorum kod burda görünmedi
______________


En son isacotur tarafından 15.11.2016 18:06:32 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj18.11.2016, 15:51 (UTC)    
Mesaj konusu:

Merhabalar.
Bu konu clean tasarımdan ziyade css ile alakalı bir konudur. Table komutları sitede otomatik olarak gizlenmekte ve borderlar bu nedenle gözükmemektedir. Buna çözüm olarak sitenizin css kodu kısmına aşağıdaki kodları ekleyerek veya yine sitenizde tablo ekleyeceğiniz sayfada <style></style> tagları arasına kodları ekleyerek sayfanızdaki tablonun görünürlüğünü düzenleyebilirsiniz. Bu konuda arama motorlarında html tables diye bir arama yaparsanız ortaya çıkacak sonuçlar ile tablolarınızı daha da güzelleştirebilirsiniz. Bununla birlikte şayet css bilginiz varsa veya öğrenmek gibi bir girişiminiz bulunuyorsa bu tablolardan daha çok sadece css ile hazırlanmış bir çok tablo oluşturabilir, daha rahat düzenlemelerde bulunabilirsiniz.

Konumuza dönecek olursak genel yapıyı anlamanız açısından aşağıya bir görsel hazırladım;

Yukarıdaki görselin kodlarına göz atmamız gerekirse; (sıfır bir html sayfasını kendimize temel alıyoruz)

Kod:
<!DOCTYPE html>
<html>
<head>
   <title>deneme</title>
   <style type="text/css">
      table {
         display: block;
         border: 1px solid orange;
         padding: 15px;
      } table tr {
         display: block;
         border: 1px solid blue;
         padding: 15px;
      } table tr td {
         border: 1px solid red;
         padding: 15px;
      }
   </style>
</head>
<body>
   <table>
      <tr>
         <td>Tablo 1</td>
         <td>Tablo 2</td>
         <td>Tablo 3</td>
      </tr>
      <tr>
         <td>Tablo 4</td>
         <td>Tablo 5</td>
         <td>Tablo 6</td>
      </tr>
   </table>
</body>
</html>


Yani bu yapıdan da anlaşılıyor ki CSS yardımı ile tablomuza bir border değeri girdik ve bu border değerine renk atadık. Dilersek hepsini siyah, sadece tr etiketlerini siyah veya tamamını kaldırarak tek bir table içinde tutabilirdik.

Ayrıca kodda yer alan diğer iki komutu genel olarak açıklamak gerekirse;
display: block : bir blok elemanı olarak tanımlanmasını söylüyoruz.
padding: 15px : yazı kenarlarından 15px boşluk bırakılmasını söylüyoruz.
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu