таблица выравнивания css - PullRequest
       3

таблица выравнивания css

0 голосов
/ 25 августа 2011

Я новичок в html и у меня проблемы с перемещением таблицы вниз по странице.http://tinypic.com/view.php?pic=eqdpjb&s=7.Я попытался установить 'margin-top: 400;'которая работает, однако панель навигации вверху (я создал в Dreamweaver с помощью «мастера» навигации) также перемещается вниз страницы !.Как я могу это исправить?я хочу переместить только стол, не затрагивая панель навигации сводит меня с ума!

css

table{
    background: whitesmoke;
    border-collapse: collapse;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

Ответы [ 5 ]

1 голос
/ 25 августа 2011

Ваша проблема в том, что ваша навигация расположена относительно вашей таблицы, поэтому, когда вы добавляете поле, навигация также получает поле.

Решение состоит в том, чтобы добавить минус поле к вашей навигации, как показано здесь:

#navigationId {
    margin-top: -400px;
}
0 голосов
/ 25 августа 2011

Убедитесь, что таблица и панель навигации находятся в двух отдельных тегах, которые находятся в третьем делении.

Используя margin-top на div с таблицей, вы заставите весь div опуститься с вершины третьего контейнера div. Обязательно избавьтесь от содержимого полей в объявлении css таблицы.

Например. Навигационный код здесь. Таблица здесь

0 голосов
/ 25 августа 2011

В долгосрочной перспективе я советую вам научиться писать код, используя ide, например netbeans, или простой редактор, такой как notepad ++.Использование Dreamweaver очень хорошо, но если вы не понимаете, как работает код, вы всегда будете сталкиваться с подобными разочарованиями.Большой ресурс для изучения html и css - это w3schools www.w3schools.com

Очень хорошая книга по css - отсутствующее руководство по css (o'reilly)

Вы можете найти все это медленнее вначало, но в итоге вы получите более чистый и быстрый код.

0 голосов
/ 25 августа 2011

Попробуйте это:

 table {
 background: whitesmoke;
 border-collapse: collapse;
 margin-right: auto;
 vertical-align: bottom;
 margin-left: auto;
 }

Надеюсь, это работает для вас! :)

0 голосов
/ 25 августа 2011

Если вы добавляете margin-top: 400px; к table, и это также перемещает навигацию, то это либо означает, что навигация также является table, либо навигация находится в пределах table.

Если навигация также является table, вам нужно присвоить нижней таблице уникальный id, а затем добавить margin только к этому id.

Если навигация находится в пределах table, поместите ее в свой собственный div.

Если это не так, вам придется опубликовать HTML.

...