Photoshop psd tasarımı

Cevaplar

1

11 yıl önce yazılmış

bensedat18

39 cevap - 52 soru

width yani genişlik belirtip sonrasında margin:0 auto; şeklinde bir ekleme ile ortalayabilirsin.
11 yıl önce yazılmış

jaone

1 cevap - 2 soru

body stiline margin:0; diyebilirsin.
eğer bu yöntem yetmiyorsa - ki bazen sorun çıkardığı oluyor -en dışa bir div koy width:%100; olarak belirle sonrada divin içine align="center" diyip bütün içeriği bu divin içine koy
11 yıl önce yazılmış

Frauzer

40 cevap - 37 soru
```
body {
width:1000px;
margin-left:auto;
margin-right:auto;
}
```
Bu şekildede yapabilirsiniz.

11 yıl önce yazılmış

4 cevap - 20 soru

Kardeşlerim hepinize teşekkür ediyorum verdiginiz bilgilerden dolayı ama hiçbiri olmadı işe yaramadı başka yöntem yokmu acaba sizlerinde görebilmesi için kodu burada paylaşıyorum orjinal halini

<html>
<head>
<title>Site Tasarımı</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<!-- Save for Web Styles (Site Tasarımı.psd) -->
<style type="text/css">
<!--

#Tablo_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1300px;
	height:1000px;
}

#Site-Tasarx131mx131-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1300px;
	height:20px;
}

#Site-Tasarx131mx131-02 {
	position:absolute;
	left:0px;
	top:20px;
	width:200px;
	height:186px;
}

#Site-Tasarx131mx131-03 {
	position:absolute;
	left:200px;
	top:20px;
	width:900px;
	height:200px;
}

#Site-Tasarx131mx131-04 {
	position:absolute;
	left:1100px;
	top:20px;
	width:200px;
	height:186px;
}

#Site-Tasarx131mx131-05 {
	position:absolute;
	left:0px;
	top:206px;
	width:175px;
	height:794px;
}

#Site-Tasarx131mx131-06 {
	position:absolute;
	left:175px;
	top:206px;
	width:25px;
	height:14px;
}

#Site-Tasarx131mx131-07 {
	position:absolute;
	left:1100px;
	top:206px;
	width:25px;
	height:14px;
}

#Site-Tasarx131mx131-08 {
	position:absolute;
	left:1125px;
	top:206px;
	width:175px;
	height:794px;
}

#Site-Tasarx131mx131-09 {
	position:absolute;
	left:175px;
	top:220px;
	width:25px;
	height:32px;
}

#Site-Tasarx131mx131-10 {
	position:absolute;
	left:200px;
	top:220px;
	width:900px;
	height:32px;
}

#Site-Tasarx131mx131-11 {
	position:absolute;
	left:1100px;
	top:220px;
	width:25px;
	height:32px;
}

#Site-Tasarx131mx131-12 {
	position:absolute;
	left:175px;
	top:252px;
	width:950px;
	height:48px;
}

#Site-Tasarx131mx131-13 {
	position:absolute;
	left:175px;
	top:300px;
	width:25px;
	height:31px;
}

#Site-Tasarx131mx131-14 {
	position:absolute;
	left:200px;
	top:300px;
	width:200px;
	height:32px;
}

#Site-Tasarx131mx131-15 {
	position:absolute;
	left:400px;
	top:300px;
	width:75px;
	height:700px;
}

#Site-Tasarx131mx131-16 {
	position:absolute;
	left:475px;
	top:300px;
	width:60px;
	height:32px;
}

#Site-Tasarx131mx131-17 {
	position:absolute;
	left:535px;
	top:300px;
	width:504px;
	height:32px;
}

#Site-Tasarx131mx131-18 {
	position:absolute;
	left:1039px;
	top:300px;
	width:61px;
	height:32px;
}

#Site-Tasarx131mx131-19 {
	position:absolute;
	left:1100px;
	top:300px;
	width:25px;
	height:700px;
}

#Site-Tasarx131mx131-20 {
	position:absolute;
	left:175px;
	top:331px;
	width:25px;
	height:15px;
}

#Site-Tasarx131mx131-21 {
	position:absolute;
	left:200px;
	top:332px;
	width:200px;
	height:218px;
}

#Site-Tasarx131mx131-22 {
	position:absolute;
	left:475px;
	top:332px;
	width:135px;
	height:135px;
}

#Site-Tasarx131mx131-23 {
	position:absolute;
	left:610px;
	top:332px;
	width:490px;
	height:135px;
}

#Site-Tasarx131mx131-24 {
	position:absolute;
	left:175px;
	top:346px;
	width:25px;
	height:204px;
}

#Site-Tasarx131mx131-25 {
	position:absolute;
	left:475px;
	top:467px;
	width:625px;
	height:26px;
}

#Site-Tasarx131mx131-26 {
	position:absolute;
	left:475px;
	top:493px;
	width:625px;
	height:57px;
}

#Site-Tasarx131mx131-27 {
	position:absolute;
	left:175px;
	top:550px;
	width:25px;
	height:31px;
}

#Site-Tasarx131mx131-28 {
	position:absolute;
	left:200px;
	top:550px;
	width:200px;
	height:32px;
}

#Site-Tasarx131mx131-29 {
	position:absolute;
	left:475px;
	top:550px;
	width:68px;
	height:31px;
}

#Site-Tasarx131mx131-30 {
	position:absolute;
	left:543px;
	top:550px;
	width:490px;
	height:31px;
}

#Site-Tasarx131mx131-31 {
	position:absolute;
	left:1033px;
	top:550px;
	width:67px;
	height:31px;
}

#Site-Tasarx131mx131-32 {
	position:absolute;
	left:175px;
	top:581px;
	width:25px;
	height:15px;
}

#Site-Tasarx131mx131-33 {
	position:absolute;
	left:475px;
	top:581px;
	width:135px;
	height:123px;
}

#Site-Tasarx131mx131-34 {
	position:absolute;
	left:610px;
	top:581px;
	width:423px;
	height:1px;
}

#Site-Tasarx131mx131-35 {
	position:absolute;
	left:1033px;
	top:581px;
	width:67px;
	height:123px;
}

#Site-Tasarx131mx131-36 {
	position:absolute;
	left:200px;
	top:582px;
	width:200px;
	height:218px;
}

#Site-Tasarx131mx131-37 {
	position:absolute;
	left:610px;
	top:582px;
	width:423px;
	height:122px;
}

#Site-Tasarx131mx131-38 {
	position:absolute;
	left:175px;
	top:596px;
	width:25px;
	height:204px;
}

#Site-Tasarx131mx131-39 {
	position:absolute;
	left:475px;
	top:704px;
	width:625px;
	height:26px;
}

#Site-Tasarx131mx131-40 {
	position:absolute;
	left:475px;
	top:730px;
	width:625px;
	height:270px;
}

#Site-Tasarx131mx131-41 {
	position:absolute;
	left:175px;
	top:800px;
	width:25px;
	height:32px;
}

#Site-Tasarx131mx131-42 {
	position:absolute;
	left:200px;
	top:800px;
	width:200px;
	height:32px;
}

#Site-Tasarx131mx131-43 {
	position:absolute;
	left:175px;
	top:832px;
	width:25px;
	height:14px;
}

#Site-Tasarx131mx131-44 {
	position:absolute;
	left:200px;
	top:832px;
	width:200px;
	height:168px;
}

#Site-Tasarx131mx131-45 {
	position:absolute;
	left:175px;
	top:846px;
	width:25px;
	height:154px;
}

-->
</style>
<!-- End Save for Web Styles -->
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- Save for Web Slices (Site Tasarımı.psd) -->
<div id="Tablo_01">
	<div id="Site-Tasarx131mx131-01">
		<img src="images/Site-Tasarımı_01.png" width="1300" height="20" alt="">
	</div>
	<div id="Site-Tasarx131mx131-02">
		<img src="images/Site-Tasarımı_02.png" width="200" height="186" alt="">
	</div>
	<div id="Site-Tasarx131mx131-03">
		<img src="images/Site-Tasarımı_03.png" width="900" height="200" alt="">
	</div>
	<div id="Site-Tasarx131mx131-04">
		<img src="images/Site-Tasarımı_04.png" width="200" height="186" alt="">
	</div>
	<div id="Site-Tasarx131mx131-05">
		<img src="images/Site-Tasarımı_05.png" width="175" height="794" alt="">
	</div>
	<div id="Site-Tasarx131mx131-06">
		<img src="images/Site-Tasarımı_06.png" width="25" height="14" alt="">
	</div>
	<div id="Site-Tasarx131mx131-07">
		<img src="images/Site-Tasarımı_07.png" width="25" height="14" alt="">
	</div>
	<div id="Site-Tasarx131mx131-08">
		<img src="images/Site-Tasarımı_08.png" width="175" height="794" alt="">
	</div>
	<div id="Site-Tasarx131mx131-09">
		<img src="images/Site-Tasarımı_09.png" width="25" height="32" alt="">
	</div>
	<div id="Site-Tasarx131mx131-10">
		<img src="images/Site-Tasarımı_10.png" width="900" height="32" alt="">
	</div>
	<div id="Site-Tasarx131mx131-11">
		<img src="images/Site-Tasarımı_11.png" width="25" height="32" alt="">
	</div>
	<div id="Site-Tasarx131mx131-12">
		<img src="images/Site-Tasarımı_12.png" width="950" height="48" alt="">
	</div>
	<div id="Site-Tasarx131mx131-13">
		<img src="images/Site-Tasarımı_13.png" width="25" height="31" alt="">
	</div>
	<div id="Site-Tasarx131mx131-14">
		<img src="images/Site-Tasarımı_14.png" width="200" height="32" alt="">
	</div>
	<div id="Site-Tasarx131mx131-15">
		<img src="images/Site-Tasarımı_15.png" width="75" height="700" alt="">
	</div>
	<div id="Site-Tasarx131mx131-16">
		<img src="images/Site-Tasarımı_16.png" width="60" height="32" alt="">
	</div>
	<div id="Site-Tasarx131mx131-17">
		<img src="images/Site-Tasarımı_17.png" width="504" height="32" alt="">
	</div>
	<div id="Site-Tasarx131mx131-18">
		<img src="images/Site-Tasarımı_18.png" width="61" height="32" alt="">
	</div>
	<div id="Site-Tasarx131mx131-19">
		<img src="images/Site-Tasarımı_19.png" width="25" height="700" alt="">
	</div>
	<div id="Site-Tasarx131mx131-20">
		<img src="images/Site-Tasarımı_20.png" width="25" height="15" alt="">
	</div>
	<div id="Site-Tasarx131mx131-21">
		<img src="images/Site-Tasarımı_21.png" width="200" height="218" alt="">
	</div>
	<div id="Site-Tasarx131mx131-22">
		<img src="images/Site-Tasarımı_22.png" width="135" height="135" alt="">
	</div>
	<div id="Site-Tasarx131mx131-23">
		<img src="images/Site-Tasarımı_23.png" width="490" height="135" alt="">
	</div>
	<div id="Site-Tasarx131mx131-24">
		<img src="images/Site-Tasarımı_24.png" width="25" height="204" alt="">
	</div>
	<div id="Site-Tasarx131mx131-25">
		<img src="images/Site-Tasarımı_25.png" width="625" height="26" alt="">
	</div>
	<div id="Site-Tasarx131mx131-26">
		<img src="images/Site-Tasarımı_26.png" width="625" height="57" alt="">
	</div>
	<div id="Site-Tasarx131mx131-27">
		<img src="images/Site-Tasarımı_27.png" width="25" height="31" alt="">
	</div>
	<div id="Site-Tasarx131mx131-28">
		<img src="images/Site-Tasarımı_28.png" width="200" height="32" alt="">
	</div>
	<div id="Site-Tasarx131mx131-29">
		<img src="images/Site-Tasarımı_29.png" width="68" height="31" alt="">
	</div>
	<div id="Site-Tasarx131mx131-30">
		<img src="images/Site-Tasarımı_30.png" width="490" height="31" alt="">
	</div>
	<div id="Site-Tasarx131mx131-31">
		<img src="images/Site-Tasarımı_31.png" width="67" height="31" alt="">
	</div>
	<div id="Site-Tasarx131mx131-32">
		<img src="images/Site-Tasarımı_32.png" width="25" height="15" alt="">
	</div>
	<div id="Site-Tasarx131mx131-33">
		<img src="images/Site-Tasarımı_33.png" width="135" height="123" alt="">
	</div>
	<div id="Site-Tasarx131mx131-34">
		<img src="images/Site-Tasarımı_34.png" width="423" height="1" alt="">
	</div>
	<div id="Site-Tasarx131mx131-35">
		<img src="images/Site-Tasarımı_35.png" width="67" height="123" alt="">
	</div>
	<div id="Site-Tasarx131mx131-36">
		<img src="images/Site-Tasarımı_36.png" width="200" height="218" alt="">
	</div>
	<div id="Site-Tasarx131mx131-37">
		<img src="images/Site-Tasarımı_37.png" width="423" height="122" alt="">
	</div>
	<div id="Site-Tasarx131mx131-38">
		<img src="images/Site-Tasarımı_38.png" width="25" height="204" alt="">
	</div>
	<div id="Site-Tasarx131mx131-39">
		<img src="images/Site-Tasarımı_39.png" width="625" height="26" alt="">
	</div>
	<div id="Site-Tasarx131mx131-40">
		<img src="images/Site-Tasarımı_40.png" width="625" height="270" alt="">
	</div>
	<div id="Site-Tasarx131mx131-41">
		<img src="images/Site-Tasarımı_41.png" width="25" height="32" alt="">
	</div>
	<div id="Site-Tasarx131mx131-42">
		<img src="images/Site-Tasarımı_42.png" width="200" height="32" alt="">
	</div>
	<div id="Site-Tasarx131mx131-43">
		<img src="images/Site-Tasarımı_43.png" width="25" height="14" alt="">
	</div>
	<div id="Site-Tasarx131mx131-44">
		<img src="images/Site-Tasarımı_44.png" width="200" height="168" alt="">
	</div>
	<div id="Site-Tasarx131mx131-45">
		<img src="images/Site-Tasarımı_45.png" width="25" height="154" alt="">
	</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>

Quandrostr

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td>Bütün div leri buraya aldım ama gene ortalanmadı</td>
  </tr>
</table>

11 yıl önce yazılmış