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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум Структурный форум

тема: Почему отпрыгивает вверх первая строка?
 
 автор: Владимир55   (02.12.2012 в 18:52)   письмо автору
11.5 Кб
 
 

Код CSS такой:

p, li {
    margin-top:     15px;
    margin-bottom:  0px;
    margin-right:   50px;
    margin-left:    50px;
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      17px;
    font-style:     normal;
    font-weight:    normal;
    font-variant:   normal;
    text-transform: none;
    text-align:     justify;
    text-indent:    25px;
    line-height:    100%;
    color:          navy;
}
.v1 { 
    font-family:    Arial, Helvetica, sans-serif;
    text-align:     left;
    font-size:      16px; 
    font-style:     normal; 
    color:          blue;
    text-indent:    0px;
    margin:         0;
    padding:        0;
}
.v1 a {
    text-decoration:    underline;
    color:              blue;
    margin:             0;
    padding:            0;
}
 
#table2 {
    border: #B9B7B4 6px solid;
    margin:auto;
    width: 980px;
    background-color: white;
    
}


А сама таблица:
<table id="table2">
      <tr>
          <td>&nbsp;</td>
        <td colspan="8"><p class="v1"><span class="v2">Группа товаров: </span>555</p>&nbsp; </td>
      </tr>
     <tr>
        <td align="center" valign="bottom"><img border="0" src="images/folder.gif" width="16" height="16"></td>
        <td>&nbsp;</td>
        <td colspan="2" valign="middle" width="280"><p class="f2">Товаров в группе: 7</p></td>
        <td><p class="f2">Товаров в подгруппах: 5</p></td>
        <td colspan="4" valign="middle" width="270"><p class="f2">Всего товаров: 12</p></td>
     </tr>


Почему-то первая строка сильно поднимается вверх относительно второй строки (скриншот).

  Ответить  
 
 автор: Владимир55   (02.12.2012 в 18:55)   письмо автору
10.8 Кб
 
   для: Владимир55   (02.12.2012 в 18:52)
 

Если же код первой строки сделать таким:
      <tr> 
          <td>&nbsp;</td> 
        <td colspan="8">Группа товаров: 555 </td> 
      </tr> 

то "прыжка" уже нет (скриншот).

Похоже, что проблема в class="v1" или в наследовании, но в чем именно, мне понять не удается...

  Ответить  
 
 автор: ЯСА   (02.12.2012 в 19:04)   письмо автору
 
   для: Владимир55   (02.12.2012 в 18:55)
 

>"мне понять не удается"

а и никому не удастся
в HTML-коде прописан class="v2" (ви-два)
в CSS-коде написано про класс "v1" (ви-один)

пишете вы, что проблемы у вас с классом "v1" (ви-один)

в общем... понятно

  Ответить  
 
 автор: Владимир55   (02.12.2012 в 19:16)   письмо автору
 
   для: ЯСА   (02.12.2012 в 19:04)
 

Упустил из вида:

span.v2 {
    color:            black;
    text-indent:    0px;
    margin:         0;
    padding:        0;
    }

  Ответить  
 
 автор: ЯСА   (02.12.2012 в 19:44)   письмо автору
 
   для: Владимир55   (02.12.2012 в 19:16)
 

line-height: 100%; уберите

  Ответить  
 
 автор: Владимир55   (02.12.2012 в 20:08)   письмо автору
 
   для: ЯСА   (02.12.2012 в 19:44)
 

Убрал. Не повлияло на результат.

  Ответить  
 
 автор: Владимир55   (05.12.2012 в 18:40)   письмо автору
 
   для: Владимир55   (02.12.2012 в 20:08)
 

В проблеме разобрался, вопрос снимается.

  Ответить  
Rambler's Top100
вверх

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