Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

Css-Html de tablo yardıma ihtiyacım var...

erkanibrahim_

⭐Deneyimli Tasarımcı⭐
Katılım
26 Kas 2009
Mesajlar
119
Tepkime puanı
6
Sevgili arkadaşlar,önecelikle herkese hayırlı günler diliyorum.Şu an Endonezyada üniversitede öğretim görevlisi olarak çalışan eşim için öğrencileriyle iletişimde bulunması ve makalelerini,çalışmalarını yayınlaması için,sadece html-css kod düzeninden oluşan bir web sitesi hazırlamaktayım.(Tabi dreamweaverda rollover imaj koymuduğum için,hiç anlamasamda ister istemez Javascript kodda girdi sayfaya.)
Neyse bir yerde takıldım.Konuyla ilgili/bilgi sahibi olan arkadaşlardan yardım rica ediyorum.Sorunum şudur :

Aşşağıda gördüğünüz tabloyu yaptım.tablonun özelliklerini Css dosyasına,tabloyu oluşturan taglarıda da html dosyasının üzerine yazdım.(Aşağıda resimler mevcutur.)Amacım,öğrenciler falanca satırdaki filanca numaralı makaleyi okumak için ilgili satıra tıklasın.Yeni bir sayfa ile makale ekrana gelsin.Buraya kadar sorun yok.Fakat ben kişi mouse la satırın üzerine geldiği zaman bütün satır boyunca linkin aktif olmasını istiyorum.Şu an sadece makale başlığının üzerine geldiğimde (articles 1,articles 2,...) link aktif oluyor.Linki nasıl satır boyunca (th) aktif edebilirim?

Ve ikinci sorunum yine kullanıcı mouse u satıra sürüklediğinde(articles 1,articles 2,,,,) anlık olarak satırın renginin değişmesini istiyorum.(a:hover) fakat işin içinde tablo olunca (<table> <tr> <td>) kafam karıştı ve css dosyası içinde nereye ne komutu yazacağımı çıkaramadım.Normalde tüm sayfadaki linklere tek bir link stili atayabiliyorum.(a,a:lınk,a:visited,a:hover,...) Ama dediğim gibi işin içine tablo girdi.Elimde zaten tablo için hazırlanmış bir stil var ve tablo link stilini nereye nasıl yazacağımı bilmiyorum.Konuyla ilgili arkadaşlardan yardım rica ediyorum.

44171726.jpg


htmltable.jpg


csstable.jpg
 

enamorado

🌱Yeni Üye🌱
Katılım
27 Şub 2009
Mesajlar
15
Tepkime puanı
1
<tr> taglarını aşağıdaki değiştirmeniz sanırım her iki sorununuzuda çözümleyecektir.

<tr onclick="location.href='site.html'" style="cursor: pointer;" onmouseover="this.bgColor='#850000'" onmouseout="this.bgColor='#ffffff'">
 

erkanibrahim_

⭐Deneyimli Tasarımcı⭐
Katılım
26 Kas 2009
Mesajlar
119
Tepkime puanı
6
Dostum yardimin için çok teşekkür ederim çok makbule geçti sağolasın.
 

Ali Emre

👑Efsanevi Grafiker👑
Katılım
30 Tem 2007
Mesajlar
2,141
Tepkime puanı
85
Web sitesi
gncart.com
Sayfada istediğiniz linki istediğinz şekilde farklı sitillerde tüm linkleri ayrı ayrı şekillendirebilirsiniz.Yapmanız gereken genel tasarımın haricinde biçimlendirmek istediğinz linke class atamak..

HTML:
<a href="link" class="anasayfa_linki"> İletişim İçin Tıklayın </a>

CSS:
Kod:
.anasayfa_linki {
....
}
 

erkanibrahim_

⭐Deneyimli Tasarımcı⭐
Katılım
26 Kas 2009
Mesajlar
119
Tepkime puanı
6
Sayfada istediğiniz linki istediğinz şekilde farklı sitillerde tüm linkleri ayrı ayrı şekillendirebilirsiniz.Yapmanız gereken genel tasarımın haricinde biçimlendirmek istediğinz linke class atamak..

HTML-Kodu:

<a href="link" class="anasayfa_linki"> İletişim İçin Tıklayın </a>

CSS:
Kod:

.anasayfa_linki {
....
}
Dostum,merhaba...Yanitin için teşekkür ediyorum.Evet bunu yapabiliyorum.yani css dosyası içine genel sayfa link stili yada her bir link için ayrı ayrı stil atama.Fakat bu konuyla ilgili sıkıntım şuydu.Malum,bir linke stil atadığın zaman doğal olarak sadece link içinde tanımladığın yazıyı etkiliyordu.Mesela yukarıdaki tabloya link stili atadığımda sadece "articles1,articles2,articles 3,....) yazılarını etkiliyordu.Çünkü bu yazıları link olarak tanımlamıştım.Benim yapmak istediğim ise tablo satırının genel olarak link özelliklerinden etkilenmesiydi.Örnek verecek olursam : Link in rengini beyaz verdim.Mouse linkin üstüne gelince linki sarı renge dönüştürdüm.Ben bunu yaparken mouse ile linke geldiğimde tablodaki bütün satırın <tr> renginin değişmesini istiyordum.
Sağolsun enamorado arkadaşın verdiği inline komut dizini çok işime yaradı.Ama biraz daha araştırınca anladım ki css stilini şu şekilde değiştirince kendiliğinden halloluyor.
tr {background-image:url(Images/table_td1.png);
color:#ffc;
text-align:center;}

tr:hover {background-image:url(Images/table_td2.png);
color:#fff;
padding-left:10px;}
/*End of Menu style*/
Belki ihtiyaç hisseden olur diye paylaşmak istedim.Bu komut satırından sonra tablonun son durumu şu :
tablocv.jpg
 

enamorado

🌱Yeni Üye🌱
Katılım
27 Şub 2009
Mesajlar
15
Tepkime puanı
1
Css bilginiz olmadığını düşünerek en pratik yolu söyledim :)) keşke css olarak verseymişim.
 

erkanibrahim_

⭐Deneyimli Tasarımcı⭐
Katılım
26 Kas 2009
Mesajlar
119
Tepkime puanı
6
o kadarda değil sevgili dostum.css de bilmesem sadece html le hiç bu işe kalkışmazdım :) Orta halli css bile bazen yetmiyor :)
 

flopy_f-16

🌱Yeni Üye🌱
Katılım
16 May 2010
Mesajlar
10
Tepkime puanı
0
arkadaşlar yardım edin yeni başladım yani web tasarıma yeni başladım bana yol gösterin şimdiden tşkler
 
Üst