Jump to content

Html Site Yapıyorum. Küçük Bir Sorunum Var.

fearlesshackteam

Recommended Posts

fearlesshackteam Newbie

fearlesshackteam

Posted
Posted

Arkadaşlar HTML ile spor salonu için tanıtım sitesi yapıyorum. Sitenin tüm işlemleri bitti. Sadece içerik güncellemek kaldı. Ama bir de sorun var. Sayfanın yüksekliği çok küçük. Photoshop ile tasarlayıp dışa aktardım. Tüm işlemleri dışa aktardığım dosya üstünde yaptım. Şu anda sorun olarak sadece yükseklik ve genişliği var. Bunu nasıl genişletebilir ve sitenin alt tarafını aşağıya yapıştırabiliirim ? Çözünürlük ne olursa olsun sayfanın altı boşta değil de aşağı yapışık olarak gözükmesini istiyorum. Mümkünse yardım edebilirmisiniz ?

Sorun şu şekilde

ayuji1.jpg

Bu da index sayfamın kodları.

<html>
<head>
<title>inegolfam</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (inegolfam.psd) -->
<table id="Anasayfa_tablo"  width="800" height="600" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="7" background="images/index_01.png" width="800" height="5" alt=""></td>
	</tr>
	<tr>
		<td rowspan="9" background="images/index_02.png" width="7" height="595" alt=""></td>
		<td colspan="5" background="images/baslik_genel.png" width="786" height="30" alt=""></td>
<td rowspan="9" background="images/index_04.png" width="7" height="595" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" background="images/index_05.png" width="786" height="3" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" background="images/baslik_resim.png" width="786" height="116" alt=""><img src="images/baslik_resim_tanitim.png" width="786" height="116"></td>
	</tr>
	<tr>
		<td colspan="5" background="images/index_07.png" width="786" height="3" alt=""></td>
	</tr>
	<tr>
		<td background="images/menu_baslik.png" width="171" height="30" alt=""></td>
		<td rowspan="3" background="images/index_09.png" width="3" height="408" alt=""></td>
		<td rowspan="2" background="images/genel_sayfalar.png" width="427" height="405" alt=""><iframe frameborder="0" width="427" height="405"  name="anasayfa_fr" id="anasayfa_fr"></iframe></td>
		<td rowspan="3" background="images/index_11.png" width="3" height="408" alt=""></td>
		<td width="182" height="30" align="center" valign="middle" background="images/haber_baslik.png" alt="">Haberler</td>
	</tr>
	<tr>
		<td width="171" height="375" valign="top" background="images/menu_alan.png" alt="">

        <a href="index.html">Anasayfa</a><br>
	    <a href="sources/pages/egitmenlerimiz.html" target="anasayfa_fr">Eğitmenlerimiz</a><br>
	      <a href="sources/pages/egitim_programlarimiz.html" target="anasayfa_fr">Eğitim Programlarımız</a><br>
	      <a href="sources/pages/egitim_alanlarimiz.html" target="anasayfa_fr">Eğitim Alanlarımız</a><br>
	      <a href="sources/pages/misyonumuz.html" target="anasayfa_fr">Misyonumuz</a><br>
	      <a href="sources/pages/vizyonumuz.html" target="anasayfa_fr">Vizyonumuz</a><br>
	      <a href="sources/pages/galeri.html" target="anasayfa_fr">Galeri</a><br>
	    İ<a href="sources/pages/insan_kaynaklari.html" target="anasayfa_fr">nsan Kaynakları</a><br>
	      <a href="sources/pages/sss.html" target="anasayfa_fr">Sıkça Sorulan Sorular</a><br>
	      <a href="sources/pages/hakkimizda.html" target="anasayfa_fr">Hakkımızda</a><br>
        <a href="sources/pages/bize_ulasin.html" target="anasayfa_fr">Bize Ulaşın</a></td>
	  <td background="images/haber_alan.png" width="182" height="375" alt=""></td>
	</tr>
	<tr>
		<td background="images/index_15.png" width="171" height="3" alt=""></td>
		<td background="images/index_16.png" width="427" height="3" alt=""></td>
		<td background="images/index_17.png" width="182" height="3" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" background="images/copyright.png" width="786" height="30" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" background="images/index_19.png" width="786" height="5" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Link to comment
Share on other sites
kensopoy Newbie

kensopoy

Posted
Posted

kardeş ilk öncelikle css yapmanı öneririm. css de hem çok kolay hemde istediğin şeyleri yapabiliyorsun.

sana tavsiyem css ile genel bir div içine alman ve bu div'in genişliğini en az 960px vermen. yani en tarayıcıda en sorunsuz gözükücek genişliktir.

bu tür kolay siteleri yapabilmen için html ve css öğrenmen şart yoksa çok sorun olur başına ve google da siteyi düzgün indexliyemez.

Link to comment
Share on other sites
fearlesshackteam Newbie

fearlesshackteam

Posted
  • Author
Posted

CSS dosyam var ama içerisinde sadece font bilgileri saklıyorum. Pek bilgim yok CSS konusunda. Yeni yeni HTML öğreniyorum. Gerçek anlamda ilk site. Bundan önce sayfa sayfa denemeler yapıyordum. Dreamweaver ile yaptığım sayfaların hiçbirinde böyle bir sorun olmamıştı ama bunu photoshop ile dışa aktarınca böyle oldu. DIV konusunda yardım edebilirmisiniz ? Nasıl ekleyeceğim ? Şu anda dreamweaver çalışmıyor. Serialde sorun var. Çok fazla denedim artık hiç açılmıyor. CS4 versiyonunu kullanıyorum. Dreamweaver açılmayınca frontpage yükledim az önce. Onu da ilk kez deneyeceğim. Mümkünse orda nasıl yapacağımı söyleyebilirmisiniz ?

Link to comment
Share on other sites
MC_ecel Newbie

MC_ecel

Posted
Posted

Sorunu tam anlamadım ama yukarda verdigin kodun başlangıcına <center> en Sonunada </center> eklersen siteyi ortalayabilirsin :dribble:

yinede Resimleri Bi Siteye upload et ve yukardaki koda ekle öyle bi yolla yardımcı olayım

Link to comment
Share on other sites
elmor Newbie

elmor

Posted
Posted

En dıştaki tablonun height değerini 100% yaparsan çözünürlük ne olursa olsun aşağı yapışır.

<table height="100%">[/CODE]

Aynı şekilde width değer ilede sağa sola tam oturtursun.. Sana tavsiyem, tablo standardı artık arama motorları tarafından sevilmiyor, onun yerine div lerle çalışmayı öğren..

Link to comment
Share on other sites
fearlesshackteam Newbie

fearlesshackteam

Posted
  • Author
Posted
Sorunu tam anlamadım ama yukarda verdigin kodun başlangıcına <center> en Sonunada </center> eklersen siteyi ortalayabilirsin :dribble:

yinede Resimleri Bi Siteye upload et ve yukardaki koda ekle öyle bi yolla yardımcı olayım

Ortalama işi sorun değil onu hallettim zaten de sorun şu benim için. Sayufanın altı çok yukarıda. Benim istediğim sayfanın alt tarafı tarayıcının altına kadar insin ve oraya yapışsın. Bir de 800*600 çözünürlükte tasarlamıştım ben ama şu anda genişlik az geliyor benim için. Genişliği nasıl değiştireceğim?

kardeş tavsiyem en boy genişlik yükseklik her neyse yüzde cinsinden ver değer girme derim benim bildiğim kadarıyla öyle idi html de ki sayfa tam ekran ve diğer oyutlarda sabitlenmesin değişsin

Teşekkürler tavsiyeniz için. Genel olarak öyle olduğunu biliyorum. Sorduğum kişiler de aynı şekilde öneri sundular ama nasıl yapacağımı söylemediler :unsure: Bu işi nasıl yapabilirim ? Kodların neresine ekleme yapmam lazım ?

Link to comment
Share on other sites
MC_ecel Newbie

MC_ecel

Posted
Posted

Kodları düzenledim ama ön izlemede resimler olmadıgı için tam bi çözüm oldumu bilmiyorum ama oldu galiba

<html>
<head>
<center>
<title>inegolfam</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (inegolfam.psd) -->
<table height="100%">>
<tr>
<td colspan="7" background="images/index_01.png" width="1280" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="9" background="images/index_02.png" width="7" height="595" alt=""></td>
<td colspan="5" background="images/baslik_genel.png" width="786" height="30" alt=""></td>
<td rowspan="9" background="images/index_04.png" width="7" height="595" alt=""></td>
</tr>
<tr>
<td colspan="5" background="images/index_05.png" width="786" height="3" alt=""></td>
</tr>
<tr>
<td colspan="5" background="images/baslik_resim.png" width="786" height="116" alt=""> <center> <img src="images/baslik_resim_tanitim.png" width="1024" height="116"> </center> </td>
</tr>
<tr>
<td colspan="5" background="images/index_07.png" width="786" height="3" alt=""></td>
</tr>
<tr>
<td background="images/menu_baslik.png" width="171" height="30" alt=""></td>
<td rowspan="3" background="images/index_09.png" width="3" height="408" alt=""></td>
<td rowspan="2" background="images/genel_sayfalar.png" width="427" height="405" alt=""><iframe frameborder="0" width="427" height="405" name="anasayfa_fr" id="anasayfa_fr"></iframe></td>
<td rowspan="3" background="images/index_11.png" width="3" height="408" alt=""></td>
<td width="182" height="30" align="center" valign="middle" background="images/haber_baslik.png" alt="">Haberler</td>
</tr>
<tr>
<td width="171" height="375" valign="top" background="images/menu_alan.png" alt="">

<a href="index.html">Anasayfa</a><br>
<a href="sources/pages/egitmenlerimiz.html" target="anasayfa_fr">Eğitmenlerimiz</a><br>
<a href="sources/pages/egitim_programlarimiz.html" target="anasayfa_fr">Eğitim Programlarımız</a><br>
<a href="sources/pages/egitim_alanlarimiz.html" target="anasayfa_fr">Eğitim Alanlarımız</a><br>
<a href="sources/pages/misyonumuz.html" target="anasayfa_fr">Misyonumuz</a><br>
<a href="sources/pages/vizyonumuz.html" target="anasayfa_fr">Vizyonumuz</a><br>
<a href="sources/pages/galeri.html" target="anasayfa_fr">Galeri</a><br>
İ<a href="sources/pages/insan_kaynaklari.html" target="anasayfa_fr">nsan Kaynakları</a><br>
<a href="sources/pages/sss.html" target="anasayfa_fr">Sıkça Sorulan Sorular</a><br>
<a href="sources/pages/hakkimizda.html" target="anasayfa_fr">Hakkımızda</a><br>
<a href="sources/pages/bize_ulasin.html" target="anasayfa_fr">Bize Ulaşın</a></td>
<td background="images/haber_alan.png" width="182" height="375" alt=""></td>
</tr>
<tr>
<td background="images/index_15.png" width="171" height="3" alt=""></td>
<td background="images/index_16.png" width="427" height="3" alt=""></td>
<td background="images/index_17.png" width="182" height="3" alt=""></td>
</tr>
<tr>
<td colspan="5" background="images/copyright.png" width="786" height="30" alt=""></td>
</tr>
<tr>
<td colspan="5" background="images/index_19.png" width="786" height="5" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</center>
</body>
</html>[/CODE]

Link to comment
Share on other sites
fearlesshackteam Newbie

fearlesshackteam

Posted
  • Author
Posted
En dıştaki tablonun height değerini 100% yaparsan çözünürlük ne olursa olsun aşağı yapışır.

<table height="100%">[/CODE]

Aynı şekilde width değer ilede sağa sola tam oturtursun.. Sana tavsiyem, tablo standardı artık arama motorları tarafından sevilmiyor, onun yerine div lerle çalışmayı öğren..

<table id="Anasayfa_tablo" width="800" height="%100" border="0" cellpadding="0" cellspacing="0">

ve

<table id="Anasayfa_tablo" width="800" height="100" border="0" cellpadding="0" cellspacing="0">

şeklinde denedim ama sonuç aynı. Aynı şekilde genişlik için de sonuç değişmedi. DIV konusunu araştırıyorum şu anda. DIV için şu anki kodlarda köklü bir değişiklik yapmam gerecek mi ?

Link to comment
Share on other sites
fearlesshackteam Newbie

fearlesshackteam

Posted
  • Author
Posted
En dıştaki tablonun height değerini 100% yaparsan çözünürlük ne olursa olsun aşağı yapışır.

<table height="100%">[/CODE]

Aynı şekilde width değer ilede sağa sola tam oturtursun.. Sana tavsiyem, tablo standardı artık arama motorları tarafından sevilmiyor, onun yerine div lerle çalışmayı öğren..

DIV konusunu araştırdım çok etkili bir kullanımı varmış ama ben kendi siteme uygulayamadım. Uygulamayı denediğim zaman arkaplanda kayma oluyor. Ortada iframe var sitenin. DIV ile yapmaya çalıştığımda yerleştirmeyi yapamıyorum. Bilginiz varsa yardımcı olabilirmisiniz ?

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...