الأحد، 27 مارس 2016

كيف اجعل صفحة html مناسبة لجميع الشاشات

السلام عليكم ورحمة الله كيف اجعل صفحة html مناسبة لجميع الشاشات الهاتف وغيره

كود صفحة html

<!-- Save for Web Slices (1-1.psd) -->

<tr>
    <td colspan="22">
        <img src="images/index_01.gif" width="1365" height="63" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="63" alt=""></td>
</tr>
<tr>
    <td rowspan="17">
        <img src="images/index_02.gif" width="30" height="602" alt=""></td>
    <td rowspan="6">
        <a href="http://ift.tt/1RDOuBC;
            <img src="images/&#x627;&#x644;&#x639;&#x627;&#x628;-&#x643;&#x631;&#x648;&#x62a;.png" width="117" height="190" border="0" alt=""></a></td>
    <td colspan="20">
        <img src="images/index_04.gif" width="1218" height="17" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
    <td rowspan="7">
        <img src="images/index_05.gif" width="76" height="204" alt=""></td>
    <td colspan="3" rowspan="4">
        <a href="http://ift.tt/1TcGz3G;
            <img src="images/&#x627;&#x644;&#x639;&#x627;&#x628;-&#x631;&#x64a;&#x627;&#x636;&#x64a;&#x647;-&#x648;&#x627;&#x637;&#x642;&#x645;-&#x643;&#x628;&#x64a;&#x631;&#x629;.png" width="135" height="126" border="0" alt=""></a></td>
    <td colspan="16">
        <img src="images/index_07.gif" width="1007" height="38" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
    <td colspan="2" rowspan="5">
        <img src="images/index_08.gif" width="114" height="156" alt=""></td>
    <td>
        <a href="https://twitter.com/kidsfunsa">
            <img src="images/&#x62a;&#x648;&#x64a;&#x62a;&#x631;.png" width="35" height="37" border="0" alt=""></a></td>
    <td colspan="13">
        <img src="images/index_10.gif" width="858" height="37" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
    <td rowspan="2">
        <a href="http://ift.tt/1RDOuBE;
            <img src="images/&#x627;&#x646;&#x633;&#x62a;&#x642;&#x631;&#x627;&#x645;.png" width="35" height="51" border="0" alt=""></a></td>
    <td colspan="7" rowspan="4">
        <img src="images/index_12.gif" width="427" height="119" alt=""></td>
    <td rowspan="6">
        <a href="http://ift.tt/1TcGz3I;
            <img src="images/&#x627;&#x644;&#x639;&#x631;&#x627;&#x626;&#x633;.png" width="126" height="151" border="0" alt=""></a></td>
    <td colspan="5">
        <img src="images/index_14.gif" width="305" height="40" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
    <td colspan="2" rowspan="8">
        <img src="images/index_15.gif" width="67" height="260" alt=""></td>
    <td rowspan="6">
        <img src="images/index_16.png" width="145" height="165" alt=""></td>
    <td colspan="2" rowspan="8">
        <img src="images/index_17.gif" width="93" height="260" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
    <td colspan="3" rowspan="2">
        <img src="images/index_18.gif" width="135" height="68" alt=""></td>
    <td>
        <a href="http://ift.tt/1RDOstN;
            <img src="images/&#x641;&#x64a;&#x633;-&#x628;&#x648;&#x643;.png" width="35" height="47" border="0" alt=""></a></td>
    <td>
        <img src="images/spacer.gif" width="1" height="47" alt=""></td>
</tr>
<tr>
    <td rowspan="2">
        <img src="images/index_20.gif" width="117" height="31" alt=""></td>
    <td>
        <img src="images/index_21.gif" width="35" height="21" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
    <td colspan="2">
        <img src="images/index_22.gif" width="86" height="10" alt=""></td>
    <td colspan="6" rowspan="4">
        <a href="http://ift.tt/1TcGz3K;
            <img src="images/&#x633;&#x64a;&#x627;&#x631;&#x627;&#x62a;-&#x643;&#x628;&#x64a;&#x631;&#x629;.png" width="306" height="172" border="0" alt=""></a></td>
    <td colspan="5" rowspan="3">
        <img src="images/index_24.gif" width="319" height="86" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
    <td colspan="3" rowspan="7">
        <a href="http://ift.tt/1RDOvpb;
            <img src="images/&#x62f;&#x631;&#x627;&#x62c;&#x627;&#x62a;.png" width="245" height="299" border="0" alt=""></a></td>
    <td rowspan="6">
        <img src="images/index_26.gif" width="34" height="256" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
    <td rowspan="4">
        <img src="images/index_27.gif" width="126" height="194" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="54" alt=""></td>
</tr>
<tr>
    <td>
        <img src="images/index_28.gif" width="113" height="86" alt=""></td>
    <td colspan="3">
        <a href="http://ift.tt/1TcGxsB;
            <img src="images/&#x627;&#x644;&#x639;&#x627;&#x628;-&#x633;&#x64a;&#x627;&#x631;&#x627;&#x62a;.png" width="178" height="86" border="0" alt=""></a></td>
    <td rowspan="3">
        <img src="images/index_30.gif" width="28" height="140" alt=""></td>
    <td rowspan="2">
        <img src="images/index_31.gif" width="145" height="95" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="86" alt=""></td>
</tr>
<tr>
    <td colspan="5" rowspan="3">
        <img src="images/index_32.gif" width="235" height="94" alt=""></td>
    <td colspan="3" rowspan="5">
        <a href="http://ift.tt/1RDOuBG;
            <img src="images/&#x627;&#x644;&#x639;&#x627;&#x628;-&#x627;&#x644;&#x634;&#x627;&#x637;&#x626;-&#x648;&#x627;&#x644;&#x628;&#x62d;&#x631;.png" width="220" height="187" border="0" alt=""></a></td>
    <td colspan="2" rowspan="2">
        <img src="images/index_34.gif" width="142" height="54" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
    <td rowspan="5">
        <img src="images/index_35.gif" width="49" height="210" alt=""></td>
    <td colspan="3" rowspan="4">
        <a href="http://ift.tt/1TcGxsD;
            <img src="images/&#x627;&#x644;&#x639;&#x627;&#x628;-&#x62a;&#x639;&#x644;&#x64a;&#x645;&#x64a;&#x629;.png" width="203" height="178" border="0" alt=""></a></td>
    <td rowspan="5">
        <img src="images/index_37.gif" width="53" height="210" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="45" alt=""></td>
</tr>
<tr>
    <td rowspan="4">
        <img src="images/index_38.gif" width="128" height="165" alt=""></td>
    <td colspan="3" rowspan="3">
        <a href="http://ift.tt/1RDOvpf;
            <img src="images/&#x627;&#x644;&#x639;&#x627;&#x628;-&#x637;&#x627;&#x626;&#x631;&#x627;&#x62a;.png" width="168" height="133" border="0" alt=""></a></td>
    <td>
        <img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
    <td colspan="3" rowspan="2">
        <a href="http://ift.tt/1TcGxsF;
            <img src="images/&#x627;&#x644;&#x639;&#x627;&#x628;-&#x645;&#x633;&#x62f;&#x633;&#x627;&#x62a;.png" width="185" height="93" border="0" alt=""></a></td>
    <td colspan="3" rowspan="3">
        <img src="images/index_41.gif" width="84" height="125" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
    <td colspan="3" rowspan="2">
        <img src="images/index_42.gif" width="245" height="82" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
    <td colspan="3">
        <img src="images/index_43.gif" width="185" height="32" alt=""></td>
    <td colspan="3">
        <img src="images/index_44.gif" width="220" height="32" alt=""></td>
    <td colspan="3">
        <img src="images/index_45.gif" width="168" height="32" alt=""></td>
    <td colspan="3">
        <img src="images/index_46.gif" width="203" height="32" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
    <td>
        <img src="images/spacer.gif" width="30" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="117" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="76" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="52" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="34" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="49" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="102" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="12" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="35" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="37" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="71" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="113" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="36" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="128" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="14" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="28" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="126" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="49" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="18" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="145" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="40" height="1" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="53" height="1" alt=""></td>
    <td></td>
</tr>

<!-- End Save for Web Slices -->



from حسوب I/O - الأكثر شيوعاً http://ift.tt/1RDOuBO

ليست هناك تعليقات:

إرسال تعليق

دائماً، رأيكم يهمنا،