Web-мастер: курс молодого бойца

не работает DIV

 Страницы: 1 | 2
 

 Добавлено 2009-04-08 10:42:52



Сообщений: 32
Зарегистрирован: 15.05.2008

Цитировать
Не могу понять в чём проблема, есть две странички, в одной всё хорошо работает, а в другой как будто нету DIV'ов.
Может подскажете где тут ошибка?

CSS:
body {
    background-color: #FFFFFF;
    text-align: center;
    color: #1C02AE;
    }

#frame {
  background-color: #DDDDDD;
  color: #1C02AE;
}
  
a:link {
    text-decoration: none;
    color: #1C02AE;
    }
a:visited {
    text-decoration: none;
    color: #1C02AE;
    }
a:hover {
    text-decoration: none;
    color: #080070;
    }
a:active {
    text-decoration: none;
    color: #1C02AE;
    }

Работающий вариант:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> HelpDesk </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/frame.css">
</head>
<body>
<div id="frame">
<div align="center">

<table cellpadding="5" cellspacing="5" border="0" align="center" width="730" height="5%">

<font color = "#1C02AE">
<tr bgcolor="#E7E7E7" align = "center">
<th colspan="7"><b> G&#279;dymu s&#261;ra&#353;as </b> </th>
</tr>
<tr bgcolor="#E7E7E7" align = "center"> 
<td width = "50"><b> ID <a href ="/pages/incidents.php?order=event_id asc" target="work_frame"> <img src="/pages/pics/a-z.png" border="0"> </a> <a href ="/pages/incidents.php?order=event_id desc" target="work_frame"><img src="/pages/pics/z-a.png" border="0"></a></b></td>
<td><b> Svarb.</b> <a href ="/pages/incidents.php?order=event_importance asc" target="work_frame"> <img src="/pages/pics/a-z.png" border="0"> </a> <a href ="/pages/incidents.php?order=event_importance desc" target="work_frame"><img src="/pages/pics/z-a.png" border="0"></a></td></td>
<td><b> Registr. data <a href ="/pages/incidents.php?order=event_start asc" target="work_frame"> <img src="/pages/pics/a-z.png" border="0"> </a> <a href ="/pages/incidents.php?order=event_start desc" target="work_frame"><img src="/pages/pics/z-a.png" border="0"></a></b></td>
<td><b>Skyrius <a href ="/pages/incidents.php?order=event_place_id asc" target="work_frame"> <img src="/pages/pics/a-z.png" border="0"> </a> <a href ="/pages/incidents.php?order=event_place_id desc" target="work_frame"><img src="/pages/pics/z-a.png" border="0"></a></b></td>
<td><b>Tr. apra&#353;ymas </b></td>
<td><b>Bukl&#279;</b></td>
<td><b>Priskirtas darbuotojas</b></td>
</font>
</tr>

<tr bgcolor="#E7E7E7" align = "center"><td><b> <a href ="/pages/incident_info.php?info=22" target="work_frame">22</a></b></td><td>1</td><td>2009-04-06 13:46:16</td><td>V5</td><td>sdfsd</td><td></td><td></td></tr>

    </table>
    
    </div>
    </div>
    </body>
    </html>


Не работающий вариант:


<html>
<head>
<title> HelpDesk </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/frame.css">
</head>
<body>
<div id="frame2">
<div align="center">
  <form action="/pages/new_event.php" method="post" target="work_frame">
  <table cellpadding="5" cellspacing="5" border="0" align="left" width="730" height="10%">
        <tr bgcolor="#E7E7E7" align="center">
          <th colspan = 2>

            Naujo g&#279;dymo registravimas
      </th>
    </tr>    
      
    <tr bgcolor="#E7E7E7" align="left">
    <td><b>Vieta:</b></td>  <!-- darbo vieta -->
    <td>
    
<select size="1" name="place"><option value="2">V5</option><option value="4">STK</option><option value="5">Ofisas</option><option value="6">HOG1</option><option value="7">STSL2</option><option value="8">GEO1</option></select> 
    </td></tr>

    <tr bgcolor="#E7E7E7" align="center">
      <th colspan="2"><INPUT type="submit" name="show" value="Rodyti &#303;rang&#261;"></th>
    </tr>
</table>
</form>
</div>
</div>
</body>
</html>

Наверх  Посмотреть профиль    

 Добавлено 2009-04-08 12:11:36
evgenijj
Модератор




Сообщений: 1371
Зарегистрирован: 09.11.2007

Цитировать
Посмотри, как у тебя в первом варианте
<table align="center">
и как во втором
<table align="left">


Денежные купюры пронумерованы для того, чтобы когда-нибудь я мог сложить их все одну к одной, по порядку.
Наверх  Посмотреть профиль   Сайт автора  

 Добавлено 2009-04-08 14:36:12



Сообщений: 32
Зарегистрирован: 15.05.2008

Цитировать
Исправил на <table align="center"> и всё заработало. Вот только не понимаю при чём таблица к CSS? В данном случае должно таблицу выравнивать по левому краю, а получилось, что таблица выкидывалась за границу DIV'вов.
Наверх  Посмотреть профиль    

 Добавлено 2009-04-09 09:28:17
evgenijj
Модератор




Сообщений: 1371
Зарегистрирован: 09.11.2007

Цитировать
Alchazar пишет:
Вот только не понимаю при чём таблица к CSS? В данном случае должно таблицу выравнивать по левому краю, а получилось, что таблица выкидывалась за границу DIV'вов.
При указании атрибута align="left|right" таблица становится плавающим элементом (равносильно CSS-свойству float:left|right): она удаляется из потока текста, прижимаясь к левому|правому краю, а остальной текст обтекает ее справа|слева. Фактически, при указании атрибута align="left|right" внутри DIV-элемента ничего нет.

Попробуй посмотреть, как будет выглядеть вот этот HTML-документ при указании атрибута align="left|right" и без него:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Золотой теленок</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
p { border: 1px solid red }
</style>
</head>
<body>
<p>
Пешеходов надо любить. Пешеходы составляют большую часть человечества. Мало того-лучшую его часть. Пешеходы создали мир.
</p>
<p>
<table border="1" align="left">
<tr>
  <td>Остап Бендер</td>
  <td>Шура Балаганов</td>
</tr>
<tr>
  <td>Адам Козлевич</td>
  <td>Паниковский</td>
</tr>
</table>
</p>
<p>
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p>
И когда все было готово, когда родная планета приняла сравнительно благоустроенный вид, появились автомобилисты.
</p>
</body>
</html>



Денежные купюры пронумерованы для того, чтобы когда-нибудь я мог сложить их все одну к одной, по порядку.
Наверх  Посмотреть профиль   Сайт автора  

 Добавлено 2019-05-17 17:15:11


Цитировать
http://mewkid.net/buy-amoxicillin/ - Buy Amoxicillin <a href="http://mewkid.net/buy-amoxicillin/">Amoxicillin Online</a> ceq.slzs.forum.webmasterschool.ru.dag.zo http://mewkid.net/buy-amoxicillin/
Наверх Незарегистрированный пользователь  
 Страницы: 1 | 2
 
Быстрый ответ
 
Цвет шрифта: Закрыть все теги
Сообщение
Защитный код