Arkadaşlar ben Adobe photoshop kullanarak bir tasarım yaptım html olarak fakat bir sorunum var ;
Benim yaptığım tasarım 1400*900 piksel boyutunda bir çalışma idi ben bunu kendi ekranıma göre yani 1920*1080 çözünürlükte yaptım.Kendi ekranımda gayet iyi duruyor fakat başka ekranlarda denettirdim onlarda ekran çok büyük geliyor.
Örneğin 1024*768 ekranlarda ekranın sadece 3'de 1'i gözüküyor.Nasıl bir yol izlemem lazım css'de bu işi nasıl çözerim yardımcı olursanız sevinirim.Her çözünürlükte aynı gözükmesini istiyorum.
Sayfanın kodları burada ;
Benim yaptığım tasarım 1400*900 piksel boyutunda bir çalışma idi ben bunu kendi ekranıma göre yani 1920*1080 çözünürlükte yaptım.Kendi ekranımda gayet iyi duruyor fakat başka ekranlarda denettirdim onlarda ekran çok büyük geliyor.
Örneğin 1024*768 ekranlarda ekranın sadece 3'de 1'i gözüküyor.Nasıl bir yol izlemem lazım css'de bu işi nasıl çözerim yardımcı olursanız sevinirim.Her çözünürlükte aynı gözükmesini istiyorum.
Sayfanın kodları burada ;
Kod:
<html>
<head>
<link rel="stylesheet" type="text/css" href="stil.css" />
<div id="icerik">
<title>Deneme </title>
<meta http-*****="Content-Type" **********text/html; charset=windows-1254">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (newindex.psd) -->
<center><table id="Table_01" width="1401" height="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="http://forum.shiftdelete.net/images/newindex_01.png" width="1400" height="71" alt=""></td>
<td>
<img src="http://forum.shiftdelete.net/images/spacer.gif" width="1" height="71" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://forum.shiftdelete.net/images/newindex_02.png" width="471" height="74" alt=""></td>
<td colspan="5" rowspan="3">
<a href="#"
onmouseover="window.status='desing'; return true;"
onmouseout="window.status=''; return true;">
<img src="http://forum.shiftdelete.net/images/logo.png" width="427" height="278" border="0" alt="desing"></a></td>
<td colspan="3">
<img src="http://forum.shiftdelete.net/images/newindex_04.png" width="502" height="74" alt=""></td>
<td>
<img src="http://forum.shiftdelete.net/images/spacer.gif" width="1" height="74" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="http://forum.shiftdelete.net/images/newindex_05.png" width="110" height="755" alt=""></td>
<td>
<a href="#"
onmouseover="window.status='Facebook'; return true;"
onmouseout="window.status=''; return true;">
<img src="http://forum.shiftdelete.net/images/facebook.png" width="126" height="75" border="0" alt="Facebook"></a></td>
<td rowspan="7">
<img src="http://forum.shiftdelete.net/images/newindex_07.png" width="235" height="755" alt=""></td>
<td rowspan="7">
<img src="http://forum.shiftdelete.net/images/newindex_08.png" width="177" height="755" alt=""></td>
<td>
<a href="https://www.youtube.com/channel/UCaFUf8gf6YxVx-X2W5KsqGA"
onmouseover="window.status='Youtube'; return true;"
onmouseout="window.status=''; return true;">
<img src="http://forum.shiftdelete.net/images/youtube.png" width="108" height="75" border="0" alt="Youtube"></a></td>
<td rowspan="7">
<img src="http://forum.shiftdelete.net/images/newindex_10.png" width="217" height="755" alt=""></td>
<td>
<img src="http://forum.shiftdelete.net/images/spacer.gif" width="1" height="75" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="http://forum.shiftdelete.net/images/newindex_11.png" width="126" height="680" alt=""></td>
<td rowspan="6">
<img src="http://forum.shiftdelete.net/images/newindex_12.png" width="108" height="680" alt=""></td>
<td>
<img src="http://forum.shiftdelete.net/images/spacer.gif" width="1" height="129" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="http://forum.shiftdelete.net/images/newindex_13.png" width="427" height="329" alt=""></td>
<td>
<img src="http://forum.shiftdelete.net/images/spacer.gif" width="1" height="329" alt=""></td>
</tr>
<tr>
<div id="youtube">
<iframe width="518" height="233" src="//www.youtube.com/embed/s_WxwYKe-Kw" frameborder="0" allowfullscreen></iframe>
</div>
<td rowspan="4">
<img src="http://forum.shiftdelete.net/images/newindex_14.png" width="50" height="222" alt=""></td>
<td colspan="3">
<a href="#/"
onmouseover="window.status='Anasayfa'; return true;"
onmouseout="window.status=''; return true;">
<img src="http://forum.shiftdelete.net/images/anasayfa.png" width="344" height="49" border="0" alt="Anasayfa"></a></td>
<td rowspan="4">
<img src="http://forum.shiftdelete.net/images/newindex_16.png" width="33" height="222" alt=""></td>
<td>
<img src="http://forum.shiftdelete.net/images/spacer.gif" width="1" height="49" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://forum.shiftdelete.net/images/newindex_17.png" width="344" height="13" alt=""></td>
<td>
<img src="http://forum.shiftdelete.net/images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://forum.shiftdelete.net/images/newindex_18.png" width="40" height="160" alt=""></td>
<td>
<a href="#"
onmouseover="window.status='Forum'; return true;"
onmouseout="window.status=''; return true;">
<img src="http://forum.shiftdelete.net/images/Forum.png" width="274" height="75" border="0" alt="Forum"></a></td>
<td rowspan="2">
<img src="http://forum.shiftdelete.net/images/newindex_20.png" width="30" height="160" alt=""></td>
<td>
<img src="http://forum.shiftdelete.net/images/spacer.gif" width="1" height="75" alt=""></td>
</tr>
<tr>
<td>
<img src="http://forum.shiftdelete.net/images/newindex_21.png" width="274" height="85" alt=""></td>
<td>
<img src="http://forum.shiftdelete.net/images/spacer.gif" width="1" height="85" alt=""></td>
</tr>
</table></center>
<!-- End ImageReady Slices -->
</div>
</body>
</html>
