Проблема с шагом HTML

У меня есть приведенный ниже код для отображения простой таблицы на классической странице asp внутри веб-страницы Sharepoint. Есть три ячейки, потому что они индивидуально заполнены набором записей ADODB.Проблема с шагом HTML

Однако .... вокруг стола около четверти до половины дюйма мертвого белого пространства. Я хотел бы, чтобы данные в таблице отображались в самом верхнем левом углу страницы. Есть идеи?

<html> 
<body > 
<table Border="1" width="300" bgcolor="white"> 
    <tr> 
     <td><FONT face="Arial" color="navy" size=1>DEV DW STATUS: </td> 
     <td><FONT face="Arial" color="navy" size=1>COMPLETE</td> 
     <td><FONT face="Arial" color="navy" size=1>11/11/2010 3:41:34 AM</td> 
    </tr> 
</table> 
</body> 
</html>

источник

2010-11-11 MikeTWebb

Этот код выглядит так '99. : D –

убедитесь, что избавились от этих скверных '' тегов, они устарели, не смешивайте их с CSS. Будьте умны в использовании классов css – Jakub

Кроме того, атрибут bgcolor устарел. Используйте 'table {background-color: white; } 'вместо этого. –

Попробуйте использовать:

<body style="margin: 0px; border: 0px; padding: 0px"> 
... 
</body>

источник

2010-11-11 15:53:22

@icyrock .... boooYahhhh .... это сделал я. Спасибо – MikeTWebb

@MikeTWebb Лучше: 'body {margin: 0; обивка: 0; } '(Вам не нужно устанавливать границу для элемента body) –

сделать это:

<table cellpadding="0"....

может быть, вам нужно установить границы = "0", а если вы не используете его.

НТН

источник

2010-11-11 15:51:58 Arief

Корпус имеет отступы по умолчанию. Использовать

<body style="padding: 0px">

для решения проблемы.

источник

2010-11-11 15:53:36 Zeemee

Используйте панель инструментов разработчика, такую как FireBug или встроенную панель инструментов webkit. Используйте селектор элементов и изучите стиль элемента. Он покажет вам, где находится отступ/маржа.

источник

2010-11-11 15:53:38

Это очень хорошая «таблица стилей мастеров», которая очищает/выравнивает поле браузера. Вы должны ВСЕГДА нуля все, прежде чем применять какие-либо стили.

/* Global Defaults */ 
html, body { 
margin: 0px; 
padding: 0px; 
border: 0px; 
} 

body { 
font: 1em/1.25 Arial, Helvetica, sans-serif; 
} 

/* Headlines */ 
h1, h2, h3, h4, h5, h6 { 
margin: 0; 
padding: 0; 
font-weight: normal; 
font-family: Arial, Helvetica, sans-serif; 
} 

/* Text Styles */ 
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea { 
margin: 0; 
padding: 0; 
font: normal normal normal 1em/1.25 Arial, Helvetica, sans-serif; 
} 
blockquote { 
margin: 1.25em; 
padding: 1.25em 
} 
q { 
font-style: italic; 
} 
acronym, abbr { 
cursor: help; 
border-bottom: 1px dashed; 
} 
small { 
font-size:.85em; 
} 
big { 
font-size:1.2em; 
} 

/* Links and Images */ 
a, a:link, a:visited, a:active, a:hover { 
text-decoration: underline; 
} 
img { 
border: none; 
} 

/* Tables */ 
table { 
margin: 0; 
padding: 0; 
border: none; 
} 

/* Forms */ 
form { 
margin: 0; 
padding: 0; 
display: inline; 
} 
label { 
cursor: pointer; 
} 

/* Common Classes */ 
.clear { clear: both; } 
.floatLeft { float: left; } 
.floatRight { float: right; } 
.textLeft { text-align: left; } 
.textRight { text-align: right; } 
.textCenter { text-align: center; } 
.textJustify { text-align: justify; } 
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */ 
.bold { font-weight: bold; } 
.italic { font-style: italic; } 
.underline { text-decoration: underline; } 
.noindent { margin-left: 0; padding-left: 0; } 
.nomargin { margin: 0; } 
.nopadding { padding: 0; } 
.nobullet { list-style: none; list-style-image: none; }

источник

2010-11-11 16:00:53 Jakub

... или просто использовать CSS CSS Reset. –

... или многие другие свободно доступные Сброс скриптов;) – Jakub

Вы, ребята, слышали о том, чтобы вставить CSS внутри элемента STYLE? :) Знаете, разделение содержания и презентации ...

<style> 
    body { padding:0; margin:0; } 
</style>

источник

2010-11-11 16:36:33

ответ

Смежные вопросы