Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Как сделать шапку через CSS?

Сообщения:  [1-3] 

 
 автор: fanat-vlg   (25.04.2009 в 12:58)   письмо автору
 
   для: Keyses   (08.04.2009 в 02:07)
 

а я сделал через таблицу. на странице сделал 2 таблицы, 1верхняя это шапка и 2 это все остальное.

<TABLE HEIGHT="93" WIDTH="100%" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD CLASS="logo_1" WIDTH="778">&nbsp;</TD>
<TD CLASS="logo_2">&nbsp;</TD>
<TD CLASS="logo_3" WIDTH="8">&nbsp;</TD>
</TR>
</TABLE>
тут пробелы нужны обязательно, а то получаеться просвет.

css
/*-----------шапка сайта-----------*/
.logo_1 {
background-image:url(/content_img/image_rvcu/shapka/logo_rvcu.jpg);
background-position:left;
background-repeat:no-repeat;
}
.logo_2 {
background-image:url(/content_img/image_rvcu/shapka/logo_rvcu_ser.jpg);
background-position:center;
background-repeat:repeat-x;
}
.logo_3 {
background-image:url(/content_img/image_rvcu/shapka/logo_rvcu_end.jpg);
background-position:right;
background-repeat:no-repeat;
}/*-----------шапка сайта-----------*/

  Ответить  
 
 автор: Keyses   (08.04.2009 в 02:07)   письмо автору
 
   для: Keyses   (07.04.2009 в 20:15)
 

Шапку из двух картинок насколько я понял не прибегая к использованию div сделать нельзя, посему совместил всё в один рисунок:
body {
    background-image:url('/images/logo.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fff;
    color: #000;
    padding: 137px 0 0;
}

<body>
<div align="center">
  <table width="750" border="0" cellspacing="0" cellpadding="0" align="center" background="/pics/fon2.gif">
  <tr> 
    <td width="160" rowspan="3">


Но теперь появилась следующая проблема, контент находящийся в таблице в FireFox упорно сдвигается на 1px. всторону, в Опере же всё нормально. Можно ли решить эту плоблему?

  Ответить  
 
 автор: Keyses   (07.04.2009 в 20:15)   письмо автору
 
 

Подскажите как ниже приведённый код переформатировать для использования через CSS. В css я работал мало потому, слабо представляю. как это сделать....

<!-- Шапка сайта -->
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0" >
    <tr><td><img src="/images/logo.jpg" width="750" height="122"></td></tr>
    <tr><td><img src="/images/logo2.jpg" width="750" height="23"></td></tr>
  </table>

<!-- Правильно ли предопределять фон сайта через background? -->
  <table width="750" border="0" cellspacing="0" cellpadding="0" align="center" background="/pics/fon2.gif">
  <tr> 
    <td valign="top" align="left" width="160" rowspan="3">

  Ответить  

Сообщения:  [1-3] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования