Web Tasarımında Tablodaki resmin kayması (acil)

PnrDesign · 5 May 2009

Arkadaşlar spaceim için yaptığım ufak bir çalışma mevcut. Normalde yüklediğim serverden html uzantılı dosyayı açınca resimde linklerde düzgün olarak çalışıyor ama spaceime kodu eklediğimde resimlerde kayma oluyor

Çok özenerek hazırladım ve bir saattir kodlamasıyla uğraşıyorum delirmek üzereyim. Yardımcı olabilecek arkadaşlar varsa çok sevineceğim

Kesimini ve linkleri photoshop cs3te slice tool aracıyla yaptım kaydederken de linkleri bağladım.

Düzgün hali:

Space sayfasındaki görüntüsü:

PnrDesign · 10 May 2009

Arkadaşlar hala soruna bir çözüm bulamadım :/ Yardımcı olabilcek kimse yok mu?

el_chancho · 11 May 2009

Dediğin gibi photoshopta slice tool yardımıyla kesme işlemlerini yapmıssın ve kodlamıssın...tablolarda bir sorun olmadıgından emin olmanı önericem simdilik bana onlarda sorun var gibi geliyor...

ahwet1 · 11 May 2009

bu sorunun neden kaynaklandığını çok iyi biliyorum. şimdi tasarımın orta alanındaki bilgileri (normal) sen photoshopta iken yazıyorsun ve şablonu hazırlıyorsun. daha sonra tasarımı parçalara ayırarak html moduna getiriyorsun tasarımı. sonrada orta alandkai yazıları büyük ihtimalle html modunda iken yazıyorsun. işte o anda yazdığın yazıların ortadaki alana sığmamasından dolayı olouşyor bu sorun. ordaki orta alanda iframe kullanabilirsin mesela..

A.Volkan ÖZER · 13 May 2009

kodları yazarsan daha açıklayıcı olur ve daha hızlı çözüm bulabilirsin.

PnrDesign · 13 May 2009

ahwet1' Alıntı:
bu sorunun neden kaynaklandığını çok iyi biliyorum. şimdi tasarımın orta alanındaki bilgileri (normal) sen photoshopta iken yazıyorsun ve şablonu hazırlıyorsun. daha sonra tasarımı parçalara ayırarak html moduna getiriyorsun tasarımı. sonrada orta alandkai yazıları büyük ihtimalle html modunda iken yazıyorsun. işte o anda yazdığın yazıların ortadaki alana sığmamasından dolayı olouşyor bu sorun. ordaki orta alanda iframe kullanabilirsin mesela..

Hayır bütün yazılar photoshopta yazıldı sadece link bağlayacağım yerleri kestim ve yine photoshopta bağladım.

A.Volkan ÖZER' Alıntı:
kodları yazarsan daha açıklayıcı olur ve daha hızlı çözüm bulabilirsin.

Kod:

<table cellspacing="0">
 <tr>
  <td colspan="10">
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_01.gif" width="581" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
 </tr>
 <tr>
  <td colspan="7">
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_02.gif" width="399" alt="" /></td>
  <td colspan="2" rowspan="2">
   <a href="https://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ncm91cC5waHA/Z2lkPTU3MDExMTEyNzE5">
    <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_03.gif" width="156" alt="" /></a></td>
  <td rowspan="10">
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_04.gif" width="26" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
 </tr>
 <tr>
  <td rowspan="2">
   <a href="https://www.myspace.com/lyricalistclan41">
    <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_05.gif" width="41" alt="" /></a></td>
  <td colspan="6" rowspan="3">
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_06.gif" width="358" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
 </tr>
 <tr>
  <td colspan="2" rowspan="3">
   <a href="https://www.msplinks.com/MDFodHRwOi8vd3d3LmZsaWNrci5jb20vcGhvdG9zL3BucmRlc2lnbi8=">
    <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_07.gif" width="156" alt="" /></a></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
 </tr>
 <tr>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_08.gif" width="41" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
 </tr>
 <tr>
  <td colspan="2" rowspan="3">
   <a href="https://www.myspace.com/angelovess">
    <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_09.gif" width="42" alt="" /></a></td>
  <td colspan="5" rowspan="4">
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_10.gif" width="357" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
 </tr>
 <tr>
  <td colspan="2">
   <a href="https://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t">
    <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_11.gif" width="156" alt="" /></a></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
 </tr>
 <tr>
  <td colspan="2" rowspan="2">
   <a href="https://www.msplinks.com/MDFodHRwOi8vYW5nZWxvdmVzcy5kZXZpYW50YXJ0LmNvbS8=">
    <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_12.gif" width="156" alt="" /></a></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
 </tr>
 <tr>
  <td colspan="2" rowspan="3">
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_13.gif" width="42" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
 </tr>
 <tr>
  <td rowspan="2">
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_14.gif" width="59" alt="" /></td>
  <td>
   <a href="https://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=462442001"><img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_15.gif" width="123" alt="" /></a></td>
  <td rowspan="2">
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_16.gif" width="1" alt="" /></td>
  <td>
   <a href="https://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYyJmZyaWVuZElEPTQ2MjQ0MjAwMQ=="><img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_17.gif" width="119" alt="" /></a></td>
  <td colspan="2">
   <a href="https://www.msplinks.com/MDFodHRwOi8vYmxvZ3MubXlzcGFjZS5jb20vcG5yZGVzaWdub24="><img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_18.gif" width="134" alt="" /></a></td>
  <td rowspan="2">
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_19.gif" width="77" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
 </tr>
 <tr>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_20.gif" width="123" alt="" /></td>
  <td colspan="3">
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/pnrdesign_21.gif" width="253" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
 </tr>
 <tr>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="41" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="59" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="123" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="1" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="119" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="55" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="79" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="77" alt="" /></td>
  <td>
   <img src="https://site.mynet.com/angelovess/Pnrdesignmyspace/spacer.gif" width="26" alt="" /></td>
  <td></td>
 </tr>
</table>

A.Volkan ÖZER · 13 May 2009

Style yok bu kodlarda direk tablo olarak atmışsın ayrıca çok fazla kesilmiş ve dağılmış her link arasında default style link kodları bulunduğu için arada boşluk kalmış. Kestikden sonra dreamweaver veya herhangi bir düzenleyici ile linkleri bağlamanı tavsiye ederim.

Hadi iyisin günümdeyim orjinal resmi gönder flash olarak vereyim. Atabiliyosun sanırım myspace e ben kullanmıyorum ama

FRTDESIGN · 13 May 2009

Canım slice tool'u güzel kullanırsan bu sorunu yasamazsın düzgün kes çok fazla mınık parçalara ayırmana gerek yok...

Yazılarda isimlerde html'de yanı ingilizce karekter kullan...
photoshopta kayıt ederken ctrl+shift+alt+s olarak yaptıgın zaman biliyorsun slice tool penceresi çıkıyor kayıt ederken oradayken bıseye dokunmadan ilk basta CTRL+A de öyle kaydetmeni tavsiye ederim kaymada su yuzden oluyor mınıcık senın göremıcegın kadar bıle çizgiler olabiliyor tek tek özenle yaparsan kayma yasamazsın sorun olmaz

HTML+images olarak kayıt edersen.. bi klasöre-
index.html sağ tıkla birlikte aç dreamweaver de daha rahat yaparsın

daha duzgun olur hatalarınıda görebılırsın kolay gelsın

Phlegm · 16 May 2009

Photoshop'un oluşturduğu kodları editlerken yanlış birşey yapmadığından emin misin?

delyeagle · 17 May 2009

sorun tamamen tablonun genisliğinden kaynaklanıyor. tablonun genişliğini kücültüp resimleri sıkıştırmayı denermisin birde?
veya kodları resimlerle birlikte yollayabilirsen yardımcı olurum...

	Benzer konular	Forum			Tarih
Z	Grafik ve web tasarımında deneyimli çalışma arkadaşı arıyoruz \| Bayrampaşa - İstanbul	İş Veren İlanları	1	2K	21 Nis 2017
B	web tasarımında yeniyim tavsiyeler bekliyorum	Web Tasarımı	2	1K	16 Mar 2015
C	Web Sitesi Tasarımında Font Seçimi	Web Tasarımı	4	3K	24 Ağu 2012
	Web tasarımından sonraki işlem (yardım eder misiniz?)	Photoshop Soru ve Sorunlarınız	1	958	11 Şub 2012
E	Web arayüzü tasarımında deneyimli çalışmaarkadaşı - İstanbul	İş Veren İlanları	1	862	24 Ocak 2012
D	::Web Site Tasarımında Yardımcı Olacak Arkadaşlar:: Acil Yardım!	Web Tasarımı	8	2K	3 Mar 2011
F	Web Tasarımında Temel İlkeler	Web Tasarımı	8	11K	30 Eki 2010
D	Eticaret Site Tasarımında Uzman Webmaster Ortak	Sonuçlanan İlanlar	1	1K	23 Ağu 2010

Ara

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

Web Tasarımında Tablodaki resmin kayması (acil)

PnrDesign

Benzer konular

PnrDesign

el_chancho

ahwet1

A.Volkan ÖZER

PnrDesign

A.Volkan ÖZER

FRTDESIGN

Phlegm

delyeagle