lostyazilim
tr.link

Tabloda Metni Sola 90 Derece Döndürme

5 Mesajlar 5.727 Okunma
lstbozum
tr.link

Durotan Durotan WM Aracı Kullanıcı
  • Üyelik 28.02.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek 3D Sanatçı
  • Konum Kocaeli
  • Ad Soyad F** T**
  • Mesajlar 1676
  • Beğeniler 204 / 340
  • Ticaret 2, (%100)
Merhaba arkadaşlar. Bir tablo sütunundaki bir metni, sola 90 derece nasıl döndürebilirim? İnternette araştırdım Türkçe doğru düzgün bir kaynak bulamadım tablo üstünde gösteren, İngilizce kaynaklarda da bir sürü farklı kod vermişler. Bazıları tabloyu bozuyor, bazıları çalışmıyor.

Kaynak: http://jsfiddle.net/8Lkjvk00/2/

Döndürülecek metin, en soldaki sütunda yer alan "SALDIRAN" metni.
 

 

wmaraci
reklam

sosyalmedya sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 18.07.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** A**
  • Mesajlar 219
  • Beğeniler 28 / 66
  • Ticaret 0, (%0)
hocam div e bir class verir.

sonra bunu bir ekleyin.


transform: rotate(90deg);
transform-origin: left top 20;
 

 

Durotan Durotan WM Aracı Kullanıcı
  • Üyelik 28.02.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek 3D Sanatçı
  • Konum Kocaeli
  • Ad Soyad F** T**
  • Mesajlar 1676
  • Beğeniler 204 / 340
  • Ticaret 2, (%100)

sosyalmedya adlı üyeden alıntı

hocam div e bir class verir.

sonra bunu bir ekleyin.


transform: rotate(90deg);
transform-origin: left top 20;


Div'e class verip, bunu tabloya nasıl dahil edeceğim? Div konusunda hiç bilgim yok desem yeridir.
 

 

sosyalmedya sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 18.07.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** A**
  • Mesajlar 219
  • Beğeniler 28 / 66
  • Ticaret 0, (%0)
Hocam sizin kodunuz.Kırmızı olan yeri ekleyin.

class="dikey">SALDIRAN


Sonra css dosyasına

.dikey {

transform: rotate(90deg);
transform-origin: left top 20;
}

bunu ekleyin.

eğer css dosanız yoksa html içerisinde arasına hemen önce



şeklinde de ekleyebilirsiniz.
Durotan

kişi bu mesajı beğendi.

wmaraci
wmaraci

Durotan Durotan WM Aracı Kullanıcı
  • Üyelik 28.02.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek 3D Sanatçı
  • Konum Kocaeli
  • Ad Soyad F** T**
  • Mesajlar 1676
  • Beğeniler 204 / 340
  • Ticaret 2, (%100)

sosyalmedya adlı üyeden alıntı

Hocam sizin kodunuz.Kırmızı olan yeri ekleyin.

class="dikey">SALDIRAN


Sonra css dosyasına

.dikey {

transform: rotate(90deg);
transform-origin: left top 20;
}

bunu ekleyin.

eğer css dosanız yoksa html içerisinde arasına hemen önce



şeklinde de ekleyebilirsiniz.

Yardımınız için teşekkürler. Tabloyu şuan istediğim gibi şekillendirdim ancak en soldaki sütunda sorun yaşıyorum.

http://jsfiddle.net/1zqgxtm4/

Burada gördüğünüz üzere SALDIRAN yazan ve Battle Pet Tablosu yazan kısım geniş gözüküyor. Ben Battle Pet Tablosu kısmının 70x70 piksel, SALDIRAN kısmının da 70x350 piksel olmasını istiyorum. Gerekli width ve height kodları eklemiştim (üstteki jsfiddle linkinde ekli değil) ama işe yaramamıştı.

Yani dikey inen renkli ikonlar ile SALDIRAN kısmının genişliği aynı olsun istiyorum. Sol üstteki kutunun da, rowspawn 2 colspan 2 olsun istiyorum. Kodları düzgün yazmama rağmen işlemiyor. Sanırım bir yerde hata yaptım ama bulamadım.

Sorun nereden kaynaklanıyor olabilir sizce?
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al