Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Photoshop psd tasarımı

Arkadaşlar photoshopla psd satarımı yaptım sonra bunu kayıt ederken css olarak kayıt ettim fakat ortalamasını yapamadım bunun web de ortalı çıkmasını nasıl sağlarım acaba
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • 1
    bensedat18 adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    39 cevap - 52 soru
    width yani genişlik belirtip sonrasında margin:0 auto; şeklinde bir ekleme ile ortalayabilirsin.
  • jaone adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    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
  • Frauzer adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    40 cevap - 37 soru
    body {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    }
    

    Bu şekildede yapabilirsiniz.
  • Quandrostr adlı üyenin fotoğrafı
    10 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 adlı üyenin fotoğrafı 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>
      
      10 yıl önce yazılmış