Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Css ile içeriğe göre uzayan tablo ?

Merhaba arkadaşlar, içeriğe göre uzayan bir tablo oluşturmak istiyorum fakat bir sorun yaşıyorum, css bilgisi kuvvetli olan kişiler yardım ederlerse memnun olurum. Örneğin tablonun genişliği 200px yükseklik değerine ise otomatik uzasın diye herhangi bir atama yapılmamış durumda, tabloya içerik eklendiğinde tablonun aşağıya uzaması gerekirken tablonun genişliği değişiyor, bu duruma css ile müdahale ederek nasıl halledebilirim.
Örnek sayfaya burdan http://www.huseyiniskender.com/tablo_denek/index.html
Kodlara ise aşağıdan bakabilirsiniz. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Untitled Document</title>
<style type="text/css" media="all">
body{margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; cursor:default; font-size:10px; line-height:14px;}
</style>
</head>
<body>
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0" style="background-color:#CCC; border:1px solid #999;">
  <tr>
    <td>ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</td>
  </tr>
</table>
</body>
</html>
+0
-0
Cevaba KatılıyorumKatılmıyorum 		Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • 1
    fka adlı üyenin fotoğrafı
    12 yıl önce yazılmış
    fka
    70 cevap - 0 soru 
    <table width="200" border="0" align="center" cellpadding="0" cellspacing="0" style="background-color:#CCC; border:1px solid #999; table-layout: fixed; word-wrap: break-word;">
  <tr>
    <td>ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</td>
  </tr>
</table>


    Gördüğün gibi: table-layout: fixed; word-wrap: break-word; ile halledebilirsin.
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Cevabınız için çok çok teşekkür ederim sorun çözüldü, table kullanırken her iki kodu float uygulanmış bir div kullanırkende word-wrap: break-word; kullanmak yeterli oldu. Bu arada word-wrap: ifadesini dreamweaver kod tamamlama özelliğinde bulamadım, bu kod tüm tarayıcılarla uyumlu mudur.
      12 yıl önce yazılmış
    • fka adlı üyenin fotoğrafı fka
      https://developer.mozilla.org/En/CSS/Word-wrap

      Gördüğün üzere


      Browser, Lowest version
      Internet Explorer, 5.5
      Firefox (Gecko), 3.5 (1.9.1)
      Opera (Presto), 10.5 (2.3)
      Safari | Chrome | WebKit, 1.0 | 1.0 | 85

      word-wrap:break-word can be used to work around lack of pre{white-space:pre-wrap} support in IE 5.5-7. See white-space for an example.
      IE8 introduced -ms-word-wrap as a synonym for word-wrap. Don't use the -ms- prefix.
      12 yıl önce yazılmış
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Bilgiler için çok teşekkür ederim, sayenizde bugünde birşey öğrendik.
      12 yıl önce yazılmış

Cevaplar

  • yasnyaman adlı üyenin fotoğrafı
    12 yıl önce yazılmış
    yasnyaman
    7 cevap - 0 soru
    metin tek parça olduğu içi böyle oluyor. Normal metinlerde istediğin olacaktır.
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Cevabınız için teşekkür ederim, fakat yinede bu durumun bir sorun olduğunu düşünüyorum, bu durumu aşmak için bir kod veya teknik bilen bir ilgili varsa ve cevap yazarsa memnun olurum, tekrardan ilginiz için teşekkür ederim.
      12 yıl önce yazılmış
  • ireaf adlı üyenin fotoğrafı
    12 yıl önce yazılmış
    ireaf
    16 cevap - 6 soru 
    <td></td>
    tagının içine ssssssssssssssssssss gibi tek bir kelime yazarsan, hmtl bunu bir tek kelime olarak görüyor ve metin akışını değiştirmiyor. Sözünü ettiğiniz tagın içeriğine sadece uzuuunca bir kelime yazmak zorunda mısınız?
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Zorunda değilim fakat olası kullanıcı hatalarına karşı önlem almak durumundayım, bu site soru sormak için yapıldığına göre benimde kendimce hata gördüğüm bir durumu sormam ve bilgi istemem gayet normal. Sorduğum sorunun cevabının olması, sorulan sorunun anlamsız olmadığını doğrular. Bu durumu hata olarak görenler sorduğum soru sayesinde ve verilen cevaplar sayesinde bu durumu aşmış olur.
      12 yıl önce yazılmış