PSD Tasarımımı CSS ile ortalıyamıyorum!

07-11-2013, 04:09:13

Merhaba, arkadaşlar. PSD ile arayüz çalışması yapıyorum. Bir heves ettim ve bir, kaç video izledikten sonra kendim deneme amaçlı bir dizi izleme sayfası oluşturmak istedim, fakat "Slice Tool" aracı ile kestiğim için ve "Save for Web & Devices..."den Format "HTML and İmages" ve Setting ise Background İmage" olarak kayıt ettim. Masaüstüne "images" adlı bir klasör oluşturdu bu klasörün için de, ise 9 adet parçalanmış resim oluştu. Adobe Dreamweaver ile <center> içerik </center>da yaptığım halde ortalanmıyor. Forum'da araştırmama rağmen bulamadım. En son çare olarak ta konu açmaya karar verdim. Kodlar ve ekran görüntüsü aşağıdadır.

<html><head>
<title>yapi</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
</head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (yapi.png) -->
<table id="Table_01" width="1920" height="1080" border="0" cellpadding="0" cellspacing="0">
	<tbody><tr>
		<td colspan="3">
			<img src="images/yapi_01.png" width="1920" height="357" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/yapi_02.png" width="637" height="723" alt=""></td>
		<td width="646" height="365"><iframe width="645" height="360" src="//www.youtube.com/embed/LAqLto8xxAA" frameborder="0" allowfullscreen=""></iframe></td>
		<td rowspan="2">
			<img src="images/yapi_04.png" width="637" height="723" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/yapi_05.png" width="646" height="358" alt=""></td>
	</tr>
</tbody></table>
<!-- End Save for Web Slices -->

</body></html>

Ekran Görüntüleri

Kaydetme seçenekleri

http://k1311.hizliresim.com/1h/7/u98s6.png

http://r1311.hizliresim.com/1h/7/u98sd.png

07-11-2013, 09:21:48

#2

alikarakoc93

1. yöntem

<table id="Table_01" align="center" width="1920" height="1080" border="0" cellpadding="0" cellspacing="0">

yukarıda ki tag ın içerisine align="center" dediğimiz zaman ortalanır.

Bir diğer yöntem ise site bir div içerisine alınır. Genişlik verilir ve sonra margin:0 auto; dediğimiz zaman site yine ortalanır fakat.

Width="1920" böyle bir değer olmamalı bu çalışma şekli çok yanlış.
herkes de sende olan ekran yok

kullanıcılara göre çözünürlükler sağlamalısın bunun için ise css kullanmalısın.

07-11-2013, 09:56:07

#3

irony

alikarakoc93 adlı üyeden alıntı: mesajı görüntüle

1. yöntem

<table id="Table_01" align="center" width="1920" height="1080" border="0" cellpadding="0" cellspacing="0">

yukarıda ki tag ın içerisine align="center" dediğimiz zaman ortalanır.

Bir diğer yöntem ise site bir div içerisine alınır. Genişlik verilir ve sonra margin:0 auto; dediğimiz zaman site yine ortalanır fakat.

Width="1920" böyle bir değer olmamalı bu çalışma şekli çok yanlış.
herkes de sende olan ekran yok

kullanıcılara göre çözünürlükler sağlamalısın bunun için ise css kullanmalısın.

1. ve 2. yöntemleri denedim malesef sayfada ortalama olmadı. Eğer müsait iseniz Skype adresimi ÖM olarak yollayabilirim?

07-11-2013, 10:19:12

#4

alikarakoc93

Beni ekleye bilirsiniz skypeden

07-11-2013, 11:10:10

#5

EyraWeb

Table sistemini terk ederseniz başarıya kolayca ulaşırsınız.

07-11-2013, 11:19:47

#6

loc

İlla tablo ile yapacaksanız ve belirli bir genişlik değeri verecekseniz şöyle bir olay yapın. table içindeli width değerinizi 100% yapın ve <table></table> ile başlayıp biten ve arasında kalan tüm kodlarınızı <div class="kapsul"></div> şeklinde bir div katmanı içine alın ve bir css dosyası oluşturun bu dosyayı html sayfanıza ekleyip içine

.kapsul {
width: 1920;
height: 1080;
margin: 0 auto;
}
kodunu ekleyin. Sayfanızda tablonuzun ortalandığını göreceksiniz. Fakat bu yöntem hiç sağlıklı bir yöntem değil çünkü sabit bir genişlik veriyorsunuz. kapsülü de % lik dilimlerle yapabilirsiniz. Mesela .kapsul içinde height:auto deyin ve içeriğe göre otomatik yükseklik kazanmasını sağlayın. width değerini de 80% gibi ziyaretçilerinizin ekran çözünürliğine göre mesela 1024 e göre bir ekran çözünürlüğü varsa bunun %80 genişliğinde görsün gibi ayarlayabilirsiniz.

07-11-2013, 12:06:21

#7

irony

alikarakoc93 adlı üyeden alıntı: mesajı görüntüle

Beni ekleye bilirsiniz skypeden

Skype'ınızı ekledim. Malesef, arkadaşlar dediğinizi de yaptığım hal de ortalanmadı.

07-11-2013, 12:45:51

#8

alikarakoc93

Özel pm atarsan iyi olur.

Ayrıca burada ki işlemleri yaptığın zaman olması gerekiyor kesin yanlış bir işlem yapıyorsun.

08-11-2013, 01:27:50

#9