Товарищи нужна Ваша помощь!

xakerson2012 · October 23, 2012

Товарищи помогите пожалуйста разобраться с дизайном. Нужно 1 и 2 пункты подтянуть вверх, а в 3 нужно сделать расстояние. Только пожалуйсто опишите все от начала и до конца. Я уже все перепробовал и все без результата. Просто данный шаблон я создавал сам и поэтому его нужно с нуля редактировать. CSS тоже нужно самому состовлять. Заранее благодарен за помощь...

И на всякий случай:

index.php

<body>

<table  border="0" cellpadding="0" cellspacing="5" width="100%" style="border-bottom:1px solid #E6E6E6;" height="100%">

    <tr align="center">
        <td class="header-1"  colspan="3"></td>
    </tr>


    <tr>
        <td class="header-2"  colspan="3">
                   <jdoc:include type="modules" name="header-2" style="xhtml"/>
		</td>
    </tr>


    <tr>

        <td class="sidebar-1" id="sidebar-1_img" align="center" rowspan="2" >
                    <jdoc:include type="modules" name="sidebar-1" style="xhtml"/>
        </td>


	    <td class="toolbar"   align="center"  rowspan="2" >
                    <jdoc:include type="component" />
        </td>


        <td class="sidebar-2" id="sidebar-2_img" align="center"  rowspan="2">
                    <jdoc:include type="modules" name="sidebar-2" style="xhtml"/>
        </td>

    </tr>


    <tr align="center">
    </tr>


    <tr align="center">
        <td class="footer"     align="center" colspan="3">
            <p class="footer-text">Автор: Тушинский Михаил Михайлович. <br>Все права защищены © 2012 года.</p>
                 <jdoc:include type="modules" name="footer" style="xhtml"/>
        </td>
    </tr>

</table>


</body>


CSS

p  {
font-family: Tahoma, Verdana; 
font-size: 14px; 
color: #000000;
}

body  {
background-color: #DFF0F8;
font-family: Tahoma, Verdana;

}


.header-1  {
width: 100%;
height: 100px;
background-color: #ffffff;
border-radius: 10px;
border: 1px solid black;

}

.header-2  {
width: 100%;
height: 30px;
font-size: 14px;
color: #000;
background-color: #F5381D;
border-radius: 5px;
border: 1px solid black;
padding-left: 30px;


}

.sidebar-1  {
width: 20%;
background-color: #F2F9FC;
font-size: 13px;
border-radius: 10px;
border: 1px solid black;

}

.sidebar-2  {
width: 20%;
background-color: #F2F9FC;
padding-top: 0px;
font-size: 13px;
border-radius: 10px;
border: 1px solid black;


}

.toolbar  {
background-color: #fff;
color: #000000;
text-align: left;
padding: 5px;
font-size: 13px;
border-radius: 10px;
border: 1px solid black;
margin-right:5px;
}

.footer  {
width: 100%;
height: 30px;
background-color: #94BDC5;
border-radius: 10px;
border: 1px solid black;
}
.footer-text {
font-size: 12px;
}


#sidebar-1_img h3, #sidebar-2_img h3 { 	
	background: url(../images/h3.jpg) top center no-repeat;
	height: 44px;
	width: 200px;
	text-decoration: none;
	font-weight: bold;
	line-height: 40px;
	margin: 0;
	padding: 0;
}

Edited October 23, 2012 by xakerson2012

Sign In

Товарищи нужна Ваша помощь!

Question

xakerson2012

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information