psd den dışa aktar web çıktısı html sayfayı ortalayamıyourm

28-12-2015, 00:10:21

arkadaşlar ne yaptıysam ortalayamadım tarayıcıdaki görüntüsünü acil yardım edermisiniz arkadaşlarımın ödevine yardımcı olmaya çalışıyorum.

<html>
<head>
<title>portfolyo_kalem</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Save for Web Styles (portfolyo_kalem.psd) -->
<style type="text/css">
<!--


#Tablo_01 {
	margin: 0 auto;
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:1000px;
}

#portfolyo-kalem-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:144px;
}

#portfolyo-kalem-02 {
	position:absolute;
	left:0px;
	top:144px;
	width:341px;
	height:204px;
}

#portfolyo-kalem-03 {
	position:absolute;
	left:341px;
	top:144px;
	width:683px;
	height:708px;
}

#portfolyo-kalem-04 {
	position:absolute;
	left:0px;
	top:348px;
	width:341px;
	height:62px;
}

#portfolyo-kalem-05 {
	position:absolute;
	left:0px;
	top:410px;
	width:341px;
	height:60px;
}

#portfolyo-kalem-06 {
	position:absolute;
	left:0px;
	top:470px;
	width:341px;
	height:62px;
}

#portfolyo-kalem-07 {
	position:absolute;
	left:0px;
	top:532px;
	width:341px;
	height:58px;
}

#portfolyo-kalem-08 {
	position:absolute;
	left:0px;
	top:590px;
	width:341px;
	height:410px;
}

#portfolyo-kalem-09 {
	position:absolute;
	left:341px;
	top:852px;
	width:683px;
	height:148px;
}

-->
</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 (portfolyo_kalem.psd) -->

<div id="Tablo_01">

	<div id="portfolyo-kalem-01">
	<center>
		<img src="images/portfolyo_kalem_01.png" width="1024" height="144" alt="">
	</div>
	<div id="portfolyo-kalem-02">
	<center>
		<img src="images/portfolyo_kalem_02.png" width="341" height="204" alt="">
	</div>
	<div id="portfolyo-kalem-03">
		<img src="images/portfolyo_kalem_03.png" width="683" height="708" alt="">
	</div>
	<div id="portfolyo-kalem-04">
		<img src="images/portfolyo_kalem_04.png" width="341" height="62" alt="">
	</div>
	<div id="portfolyo-kalem-05">
		<img src="images/portfolyo_kalem_05.png" width="341" height="60" alt="">
	</div>
	<div id="portfolyo-kalem-06">
		<img src="images/portfolyo_kalem_06.png" width="341" height="62" alt="">
	</div>
	<div id="portfolyo-kalem-07">
		<img src="images/portfolyo_kalem_07.png" width="341" height="58" alt="">
	</div>
	<div id="portfolyo-kalem-08">
		<img src="images/portfolyo_kalem_08.png" width="341" height="410" alt="">
	</div>
	<div id="portfolyo-kalem-09">
		<img src="images/portfolyo_kalem_09.png" width="683" height="148" alt="">
	</div>
</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>

28-12-2015, 00:15:57

#2

CemaLi

http://codepen.io/CemaLi/pen/xZEeZM

"position:absolute;" "position:relative" olarak değiştirdim, eğer absolute istiyorsan ona göre düzenlerim.

"position:absolute;" olanları kaldırabilirsin, aslında işine yaramaz.
28-12-2015, 00:52:41

#3

Designbaz

teşekkür ederim hocam gerçekten