| |
|
|
| | Трехколоночный макет.
<tr>
<td colspan = "3" class = "site_head">
<IMG class = "logotip" src = "templates/css/3sm.jpg" height=70 width=70 alt="Логотип" align='left' hspace="5px">
<u>{#SITE_NAME#}</u>
<span class="slogan">{#SLOGAN#}</span>
<a href='http://www.gismeteo.Ua/towns/33345.htm' class="weather"><img src='http://informer.gismeteo.Ua/33345-1.GIF' alt="GISMETEO: Погода"></a>
</td>
</tr>
|
В прикрепленных стилях:
html{
background-color: #BFDDED;
}
body {
color: #333;
font: 12px Times New Roman, 'Lucida Grande', Verdana, sans-serif;
margin:0;
padding:0;
overflow:scroll;
}
td {
vertical-align: top;
background-color: #ffffff;
}
.site_head{
font-size : 30px;
font-weight : bolder;
font-style : italic;
letter-spacing : 25px;
font-family : "Times New Roman", Times, serif;
background-image: url(4j.jpg);
width:1200px;
height:70px;
color: #FFF;
text-align:left;
}
.logotip{
margin:3px;
}
a.weather{
float:right;
}
.slogan{
color: #191970;
font-variant: small-caps;
font-size : 15px;
letter-spacing : 5px;
font-weight : bolder;
}
|
Слева должна быть картинка-логотип, справа от нее - заголовок, чуть наискось(от середины) под ним - слоган(другим стилем), справа ячейки - информер погоды.
Слоган под заголовком никак не хочет становиться. При этом он не должен быть ниже, чем логотип.
Когда вставила информер, вообще все "поплыло"...
Что у меня не так? | |
| |
|
